/* Fonts */
@font-face {
    font-family: 'ApercuMovistar-Regular';
    src: url('../../fonts/ApercuMovistar/apercu_regular_movistar-web.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'ApercuMovistar-Bold';
    src: url('../../fonts/ApercuMovistar/apercu-bold-movistar-web.ttf') format('truetype');
    font-weight: 700;
}

/* Variables */
:root {
    --Gray-1000: #090F1E;
    --Gray-900: #101828;
    --Gray-850: #172030;
    --Gray-800: #1D2939;
    --Gray-700: #344054;
    --Gray-600: #475467;
    --Gray-500: #667085;
    --Gray-400: #98A2B3;
    --Gray-300: #D0D5DD;
    --Gray-200: #E4E7EC;
    --Gray-100: #F2F4F7;
    --White: #fff;
    --m-azul-m: #0393E9;
    --m-800: #075F92;
    --m-700: #006EAE;
    --Success-700: #027A48;
    --Success-500: #12B76A;
    --Success-400: #32D583;
    --Success-200: #A6F4C5;
    --Error-500: #F04438;
    --Warning-300: #FEC84B;
    --m-500: #2EB2FF;
    --m-100: #DFF3FF;

    --lightPanelBorder: rgba(3, 147, 233, .5);
    --lightPanelBackground: rgba(1, 69, 108, 0.50);
    --darkPanelBorder: var(--Gray-700);
    --darkPanelBackground: rgba(9, 15, 30, 0.60);

    --azul-movistar: #0393E9;

    --impersonate-banner-height: unset !important;
}

#impersonate-banner {
    bottom: 0;
    top: auto !important;
}

/* Button Custom Classes*/
.customSuccessButton {
    border-radius: 8px !important;
    background-color: var(--Success-400, #32D583) !important;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
    color: var(--Gray-900, #101828) !important;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: -0.28px !important;
    transition: .3s all linear !important;
}

.customPrimaryButton {
    border-radius: 8px !important;
    background-color: var(--m-azul-m) !important;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: -0.28px !important;
    transition: .3s all linear !important;
}

.customPrimaryButton svg,
.customPrimaryButton span {
    color: var(--Gray-900, #101828) !important;
}

.customSuccessButton:hover {
    --tw-bg-opacity: 1;
    background-color: var(--m-azul-m) !important;
}

.customSuccessButton svg {
    color: var(--Gray-900, #101828) !important;
}

.customSecondaryButton {
    border-radius: 8px !important;
    background-color: var(--Gray-300, #32D583) !important;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
    color: var(--Gray-900, #101828) !important;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: -0.28px !important;
    transition: .3s all linear !important;
}

.customSecondaryButton:hover {
    /*background-color: var(--m-azul-m) !important;*/
    --tw-bg-opacity: 1;
    background-color: var(--Gray-200) !important;
}

.customSecondaryButton svg {
    color: var(--Gray-900, #101828) !important;
}

.customErrorButton {
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
    color: var(--Error-500, #F04438) !important;
    border: 1px solid;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: -0.28px !important;
}

.customErrorButton svg {
    color: var(--Error-500, #F04438) !important;
}

.iconPrimaryColor svg {
    color: var(--m-azul-m)
}

.fi-btn {
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: -0.28px !important;
}


/* Body & Main */
html {
    scrollbar-gutter: stable;
}

body {
    background-color: var(--Gray-900) !important;
    position: relative;
    color: var(--White) !important;
}

body::before {
    content: "";
    width: 1664px;
    height: 1664px;
    border-radius: 100%;
    position: fixed;
    opacity: 0.5;
    background: conic-gradient(from 100deg at 50% 50%, #019BF4 184.78737831115723deg, #0079BB 360deg);
    bottom: -130%;
    right: -80%;
    z-index: -1;
    filter: blur(300px);
}

main {
    max-width: 100% !important;
    min-height: 79vh;
}

.fi-btn-badge-ctn span,
.filepond--label-action {
    color: var(--m-azul-m) !important;
}

body.mega-custom-layout .fi-header {
    display: none !important;
}

.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 6px;
}

.breadcrumbs * {
    color: #FFF;
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px;
    line-height: 100%;
    /* 12px */
}

.breadcrumbs .prev {
    text-decoration: underline;
    color: var(--m-azul-m);
    text-underline-offset: 6px;
}

.fi-page>section {
    padding-top: 0;
}

.fi-modal-close-overlay {
    background-color: rgba(255, 255, 255, .03) !important;
}

/* Hide navbar scrollbar */
.fi-sidebar-nav {
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
}

.fi-sidebar-nav::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

/* Topbar */
.fi-topbar {
    background-color: var(--Gray-900) !important;
    position: relative !important;
}

.fi-topbar nav {
    background: transparent !important;
    margin-top: 40px;
    margin-bottom: 40px;
    position: sticky;
    z-index: 100000;
}

.fi-topbar .fi-header-heading {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 28px;
    line-height: 170%;
    letter-spacing: -0.28px;
    font-weight: inherit;
}

.fi-global-search-field .fi-input[type="search"] {
    border-radius: 99px;
    border: 1px solid var(--Gray-700, #344054);
    background: rgba(29, 41, 57, 0.40);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: var(--White);
    width: 390px;
    padding: 12px 10px;
}

.fi-global-search-field .fi-input[type="search"]::placeholder {
    color: var(--Gray-400, #98A2B3);
}

.fi-header .fi-ac .fi-link {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--m-azul-m, #0393E9);
}

.fi-header .fi-ac .fi-link svg {
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    color: #101828;
}

.fi-header .fi-ac .fi-link span {
    display: none;
}

.fi-header .fi-ac .fi-link:last-child {
    background-color: #fff;
}

.customNotificacion {
    position: relative;
}

.customNotificacion .counter {
    position: absolute;
    top: -2px;
    right: -4px;
    color: var(--Gray-900, #101828);
    text-align: center;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 12px;
    line-height: 100%;
    /* 12px */
    padding: 2px 4px;
    border-radius: 4px;
    border: 1px solid var(--m-700, #006EAE);
    background: var(--m-azul-m, #0393E9);
}

.customNotificacion .modalTrigger {
    padding: 14px;
    border-radius: 100px;
    border: 1px solid var(--Gray-700, #344054);
}

.customNotificacion .notificationModal {
    min-width: 530px;
    box-shadow: 0px 0px 84px 0px #000;
    background-color: var(--White);
    border-radius: 16px;
    position: absolute;
    bottom: auto;
    right: -30px;
    box-shadow: 0px 0px 84px 0px #000;
    margin-top: 10px;
    z-index: 10000;
}

.customNotificacion .notificationModal.no-result {
    background-image: url(../../images/default/modal-no-results-circles.png);
    background-repeat: no-repeat;
    background-position: center;
}

.customNotificacion .notificationModal::before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--White);
    content: "";
    position: absolute;
    right: 45px;
    top: -10px;
}

.customNotificacion .notificationModal .headerModal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0 12px 0;
    margin-inline: 24px;
    border-bottom: 1px solid var(--Gray-300, #D0D5DD);
}

.customNotificacion .notificationModal .headerModal .customSelect {
    position: relative;
}

.customNotificacion .notificationModal .headerModal .customSelectTrigger {
    color: var(--Gray-600, #475467);
    font-family: "ApercuMovistar-Bold";
    font-size: 14px;
    line-height: normal;
    letter-spacing: -0.28px;
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #D0D5DD);
    background: var(--White, #FFF);
    padding: 6px 8px 6px 12px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.customNotificacion .notificationModal .headerModal .customSelectTrigger.open {
    border-color: var(--Gray-800);
}

.customNotificacion .notificationModal .headerModal .customSelectTrigger.open svg {
    transform: rotate(180deg)
}

.customNotificacion .notificationModal .headerModal .customOptions {
    position: absolute;
    top: 100%;
    right: 0;
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #D0D5DD);
    background: var(--White, #FFF);
    margin-top: 5px;
    width: max-content;
}

.customNotificacion .notificationModal .headerModal .customOption {
    color: var(--Gray-300);
    font-family: "ApercuMovistar-Regular";
    font-size: 14px;
    line-height: normal;
    letter-spacing: -0.28px;
    padding: 10px;
    cursor: pointer;
}

.customNotificacion .notificationModal .headerModal .customOption.active {
    color: var(--Gray-600, #475467);
}

.customNotificacion .notificationModal .headerModal .customOption:first-child {
    border-bottom: 1px solid var(--Gray-300);
}

.customNotificacion .notificationModal .headerTitle {
    color: var(--Gray-700, #344054);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.2px;
}

.customNotificacion .notificationModal .noResults {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    gap: 12px;
}

.customNotificacion .notificationModal .iconBody {
    color: #667085;
    width: 28px;
    height: 28px;
    border-radius: 12px;
    border: 1px solid var(--Gray-400, #98A2B3);
    background: var(--White, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 14px;
    box-sizing: content-box;
}

.customNotificacion .notificationModal .bodyTitle {
    color: var(--Gray-700, #344054);
    text-align: center;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 24px;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: -0.48px;
    max-width: 395px;
}

.customNotificacion .notificationModal .bodyText {
    color: var(--Gray-500, #667085);
    text-align: center;
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px;
    line-height: normal;
    max-width: 395px;
}

.customNotificacion .notificationModal .modalCta {
    border-radius: 8px;
    background: #019DF4;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 10px 16px;
    color: var(--Gray-800, #1D2939);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.28px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.customNotificacion .notificationModal .modalCta svg {
    color: var(--Gray-800, #1D2939);
}

.customNotificacion .notificationModal .results {
    padding-left: 24px;
    margin-right: 24px;
    max-height: 490px;
    overflow-y: auto;
    overflow-x: hidden;
}

.customNotificacion .notificationModal .results::-webkit-scrollbar {
    width: 7px;
    border-radius: 99px;
}

.customNotificacion .notificationModal .results::-webkit-scrollbar-thumb,
.customNotificacion .notificationModal .results::-webkit-scrollbar-thumb:hover {
    background: var(--m-azul-m);
    border-radius: 99px;
}

.customNotificacion .notificationModal .results::-webkit-scrollbar-track {
    background: #F2F4F7;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    background-clip: padding-box;
}

.customNotificacion .notificationModal .results .date {
    color: var(--m-azul-m, #0393E9);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 12px;
    line-height: 18px;
    /* 150% */
    margin: 14px 0 6px;
}

.customNotificacion .notificationModal .results .result {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 12px;
    padding: 6px 12px;
    border-radius: 12px;
    margin-bottom: 12px;
}

.customNotificacion .notificationModal .results .result:hover {
    background: var(--Gray-100, #F2F4F7);
}

.customNotificacion .notificationModal .results .info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.customNotificacion .notificationModal .results .fileName {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: var(--Gray-700, #344054);
    text-overflow: ellipsis;
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.customNotificacion .notificationModal .results .proyect {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: var(--Gray-500, #667085);
    text-overflow: ellipsis;
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 12px;
    line-height: 20px;
}

.customNotificacion .notificationModal .results .proyect span {
    color: #0393E9;
    font-family: "ApercuMovistar-Bold", sans-serif;
}

.customNotificacion .notificationModal .results .action {
    color: var(--m-azul-m, #0393E9);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px;
    line-height: 20px;
    /* 142.857% */
}

.customNotificacion .notificationModal .results .from {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: var(--Gray-700, #344054);
    text-overflow: ellipsis;
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.customNotificacion .notificationModal .modalFooter {
    padding: 24px;
    border-top: 1px solid var(--Gray-300, #D0D5DD);
    display: flex;
    justify-content: end;
}

.fi-no-notification {
    border-radius: 8px 8px 0 0 !important;
    border-bottom: 4px solid;
}

.fi-no-notification .notificationInner {
    padding: 24px !important;
}

.fi-no-notification.fi-status-danger {
    border-color: var(--Error-500)
}

.fi-no-notification.fi-status-success {
    border-color: var(--Success-500)
}

.fi-no-notification-title {
    color: var(--Gray-850, #172030);
    font-family: "ApercuMovistar-Bold";
    font-size: 20px;
    font-weight: unset !important;
    line-height: 30px;
    letter-spacing: -0.2px;
}

.fi-no-notification-body {
    color: var(--Gray-700, #344054);
    font-family: "ApercuMovistar-Regular";
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.32px;
}

.avatarImage {
    color: var(--m-azul-m);
    width: 40px;
    height: 40px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--Gray-700, #344054);
    background-color: var(--Gray-850, #172030);
    cursor: pointer;
    margin: auto auto 5px auto;
}

.fi-fo-date-time-picker-panel {
    padding: 16px 22px !important;
    border-radius: 8px !important;
    border: 1px solid var(--Gray-700, #344054);
    background-color: var(--Gray-850, #172030) !important;
}

.fi-fo-date-time-picker-panel .leading-loose {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "ApercuMovistar-Regular";
    font-size: 14px;
    line-height: 20px;
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.fi-fo-date-time-picker-panel .leading-loose:hover,
.fi-fo-date-time-picker-panel .leading-loose.bg-gray-50 {
    background-color: var(--m-azul-m) !important;
}

.fi-fo-date-time-picker-panel select,
.fi-fo-date-time-picker-panel input[type="number"] {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.12px;
}

.fi-fo-date-time-picker-panel option {
    background-color: var(--Gray-850, #172030) !important;
}

/* Footer */
.footer {
    padding-inline: 2rem;
}

.footer .footer_menu ul {
    display: flex;
    align-items: center;
    gap: 32px;
    justify-content: end;
    margin-bottom: 2rem;
}

.footer .footer_menu ul li {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.12px;
}

/* Sidebar */
.fi-sidebar header {
    background: transparent !important;
    margin-top: 40px;
}

.fi-sidebar header button {
    display: none;
}

.fi-sidebar .fi-sidebar-item span,
.fi-sidebar .fi-sidebar-item svg {
    color: var(--Gray-400);
}

.fi-sidebar .fi-sidebar-item-button {
    font-family: 'ApercuMovistar-Regular', sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.14px;
}

.fi-sidebar .fi-sidebar-item .fi-sidebar-item-button {
    border-radius: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover {
    background-color: var(--Gray-850);
}

.fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover span {
    color: var(--White)
}

.fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover svg {
    color: var(--m-azul-m)
}

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background-color: var(--m-azul-m);
}

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    font-family: 'ApercuMovistar-Bold', sans-serif;
}

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button span {
    font-weight: 700;
}

.fi-sidebar .fi-sidebar-item.fi-active span,
.fi-sidebar .fi-sidebar-item.fi-active svg {
    color: var(--Gray-900);
}

.fi-sidebar .fi-sidebar-group-button {
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.14px;
    border-radius: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    transition: .3s all linear;
}

.fi-sidebar .fi-sidebar-group-button:hover {
    background-color: var(--Gray-850);
}

.fi-sidebar .fi-sidebar-group-button:hover * {
    color: var(--m-azul-m)
}

.fi-sidebar .fi-sidebar-group-button span,
.fi-sidebar .fi-sidebar-group-button svg {
    color: var(--White);
}

.fi-sidebar-nav-groups {
    gap: 5px !important;
}

.fi-sidebar-group:has(.fi-sidebar-group-button) {
    border-top: 1px solid var(--Gray-700);
    padding-top: 5px !important;
}

.fi-sidebar-group .fi-sidebar-sub-group-items {
    gap: 0;
}

.fi-sidebar-group .fi-sidebar-sub-group-items .fi-sidebar-item-button {
    padding-left: 35px;
}

.fi-sidebar-group .fi-sidebar-sub-group-items .fi-sidebar-item-grouped-border {
    height: 100%;
    background-color: var(--m-azul-m);
    position: absolute;
    left: 20px;
    top: 0;
    width: 1px;
}

.fi-sidebar-group .fi-sidebar-sub-group-items .fi-sidebar-item-grouped-border * {
    display: none;
}

/* only for group with submenu */
.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item-button.active,
.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item.active .fi-sidebar-item-button,
.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item .fi-sidebar-item-button:hover {
    background-color: var(--Gray-850) !important;
}

.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item-button.active .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item-button.active span,
.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item.active .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item.active .fi-sidebar-item-button span,
.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item .fi-sidebar-item-button:hover span,
.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item .fi-sidebar-item-button:hover svg {
    color: #fff !important;
}

.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item .fi-sidebar-item-button {
    background-color: transparent;
}

.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item .fi-sidebar-item-button span,
.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item .fi-sidebar-item-button svg {
    color: var(--Gray-400);
}

.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item-button span {
    display: flex;
    align-items: center;
    gap: 4px;
}

.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-item-button span svg {
    min-width: 15px;
    width: 15px;
    height: 15px;
}

.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-button .fi-sidebar-item-icon {
    display: none;
}

.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-button {
    padding-left: 20px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0;
    align-items: center
}

.fi-sidebar .fi-sidebar-group:has(.hasSubMenu) .fi-sidebar-group-items>.fi-sidebar-item>.fi-sidebar-item-button .subMenuTrigger {
    background-image: url(../../images/icons/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 18px;
    height: 100%;
}

.sidebarUser {
    padding-top: 20px;
    border-top: 1px solid var(--Gray-700, #344054);
    margin-inline: 26px;
    padding-bottom: 40px;
}

.sidebarUser .fi-user-menu {
    position: relative;
}

.sidebarUser .fi-dropdown-panel {
    position: absolute !important;
    left: 0 !important;
    max-width: 100% !important;
    top: auto !important;
    bottom: 200%;
    border-radius: 12px;
    border: 1px solid var(--Gray-700, #344054);
    background: var(--Gray-850, #172030);
    box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03), 0 2px 2px -1px rgba(10, 13, 18, 0.04);
}

.sidebarUser .fi-dropdown-trigger button {
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: left;
}

.sidebarUser .fi-dropdown-trigger button .name {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.16px;
    margin-bottom: 5px;
}

.sidebarUser .fi-dropdown-trigger button .role {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.14px;
}

.sidebarUser .fi-dropdown-trigger {
    justify-content: space-between;
    align-items: start;
}

.sidebarUser .fi-avatar {
    width: 38px;
    height: 38px;
}

.sidebarUser .selector {
    color: rgba(102, 112, 133, 1);
    padding: 6px;
    border-radius: 8px;
    box-sizing: content-box;
    transition: all .3s linear;
}

.sidebarUser .fi-dropdown-trigger:hover .selector {
    color: var(--White);
    background: var(--Gray-800, #1D2939);
}

.sidebarUser .fi-dropdown-list {
    padding: 8px;
}

.sidebarUser .fi-dropdown-list-item {
    border-radius: 8px;
    padding: 8px;
}

.sidebarUser .fi-dropdown-list-item-label {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.14px;
}

.sidebarUser .fi-dropdown-list-item svg {
    color: var(--Gray-500);
}

.sidebarUser .fi-dropdown-list-item:hover {
    background-color: var(--Gray-800, #1D2939)
}

.sidebarUser .fi-dropdown-list-item:hover svg {
    color: var(--m-azul-m);
}

.sidebarUser .fi-dropdown-list>*:last-child {
    padding-top: 8px;
    border-top: 1px solid var(--Gray-700, #344054);
    margin-top: 8px;
}

/* Tables */

.fi-ta-ctn {
    background-color: transparent !important;
}

.fi-ta-header-toolbar {
    border-top: 0;
}

.customToggleGrid {
    padding: 6px 12px !important;
    background-color: var(--m-azul-m) !important;
    border-radius: 8px !important;
    margin-left: 16px !important;
}

.customToggleGrid svg {
    color: var(--Gray-900) !important;
}

.customToggleGrid .fi-btn-label {
    display: none !important;
}

.fi-ta-content {
    border: 0;
}

.fi-pagination-items {
    border-radius: 8px;
    border: 1px solid rgba(3, 147, 233, .5) !important;
    background-color: rgba(1, 69, 108, 0.20) !important;
    outline: 0;
    box-shadow: none;
}

.fi-pagination-items .fi-pagination-item button {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fi-pagination-items .fi-pagination-item button span {
    color: var(--White) !important;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: -0.28px;
}

.fi-pagination-overview {
    display: none;
}

.fi-ta-empty-state-heading {
    color: var(--White) !important;
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: -0.28px;
    font-weight: unset !important;
}

.fi-pagination-items .fi-pagination-item svg {
    color: var(--White) !important;
}

.fi-pagination-item.fi-active button,
.fi-pagination-item button:hover {
    background-color: var(--m-azul-m)
}

.fi-pagination-item.fi-active button span,
.fi-pagination-item button:hover span {
    color: var(--m-azul-m)
}

.fi-pagination .fi-input-wrp .prefixIcon {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    border: 0;
}

.fi-ta-actions-cell {
    opacity: 0;
    transition: .3s opacity linear;
    position: sticky;
    right: 0;
    height: calc(100% - 1px);
    /* background: var(--Gray-1000, #090F1E); */
    background-color: #101828 !important;
}
.ellipsisText span, .ellipsisColumn .table__lastUserAdded .name, .ellipsisColumn .table__lastUserAdded .role {
overflow: hidden;
    position: relative;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
    position: relative;
}
.fi-ta-actions-cell > * { height: 100%; display: flex; align-items: center; }

.fi-ta-row:hover .fi-ta-actions-cell {
    opacity: 1;
}

.fi-ta-actions svg {
    color: #98A2B3;
}

.headerAction {
    padding: 8px !important;
    width: fit-content;
    border-radius: 8px !important;
    border: 1px solid var(--m-800, #075F92) !important;
    background: rgba(1, 69, 108, 0.50) !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    color: var(--White) !important;
    cursor: pointer;
}

.headerAction svg {
    width: 24px;
    height: 24px;
    color: var(--White) !important;
}

.headerAction.hiddenLabel .fi-btn-label,
.hiddenLabel .fi-btn-label {
    display: none;
}

.headerAction.active {
    border: 1px solid #59C4FF !important;
    background: var(--m-azul-m) !important;
}

.headerAction.active,
.headerAction.active svg {
    color: var(--Gray-900) !important;
}

.fi-ta-header-cell-sort-icon {
    color: var(--White) !important;
}

.fi-ta-ctn table thead tr {
    background: var(--Gray-1000, #090F1E);
}

.fi-ta-ctn table thead tr .fi-ta-header-cell-label {
    color: var(--White);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400 !important;
}

.fi-ta-ctn .fi-fo-field-wrp-label>*,
.fi-ta-ctn .fi-fo-field-wrp-label>* sup {
    color: var(--Gray-400, #98A2B3) !important;
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    /* 12px */
}

.fi-ta-ctn input[type="checkbox"],
.fi-ta-ctn input[type="checkbox"]:hover {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 5px;
    border: 1px solid var(--Gray-600);
    background-color: transparent !important;
    cursor: pointer;
    outline: 0;
    box-shadow: none;
}

.fi-ta-ctn input[type="checkbox"]:checked {
    border-color: var(--m-azul-m);
    background-image: url('data:image/svg+xml,<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="check"><path id="Icon" d="M10.5 3L5 8.5L2.5 6" stroke="%230393E9" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
}

.fi-ta-ctn table thead input[type="checkbox"]:checked {
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="minus"><path id="Icon" d="M3.33333 8H12.6667" stroke="%230393E9" stroke-linecap="round" stroke-linejoin="round"/></g></svg>')
}

.fi-ta-row {
    border-color: var(--Gray-700, #344054) !important;
    position: relative;
}

.fi-ta-row:has(input[type="checkbox"]:checked) {
    background-color: rgba(1, 69, 108, 0.20) !important;
}

.fi-ta-row:hover {
    background-color: #101828 !important;
}

.fi-ta-row:has(input[type="checkbox"]:checked) .fi-ta-cell::before {
    display: none;
}

.fi-ta-row .fi-ta-text-item-label {
    color: var(--White);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.fi-ta-cell .fi-link svg {
    width: 20px;
    height: 20px;
    color: var(--Gray-400);
}

.fi-ta-search-field {
    width: 100%;
}

.fi-ta-search-field .fi-input-wrp {
    border-radius: 0;
    border-bottom: 1px solid var(--Gray-700);
    background: rgba(29, 41, 57, 0.40);
    box-shadow: none !important;
    color: var(--Gray-400);
}

.fi-ta-search-field .fi-input-wrp:has(.fi-input:focus) {
    border-color: var(--m-azul-m)
}

.fi-ta-search-field .fi-input-wrp .fi-input {
    padding: 12px 0;
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px;
    line-height: 24px;
    outline: 0;
    color: var(--Gray-400);
}

.fi-ta-search-field .fi-input-wrp .fi-input-wrp-icon {
    width: 24px;
    height: 24px;
    color: var(--White);
}

.fi-ta-filter-indicators {
    background-color: transparent !important;
    border: 0;
    display: none !important;
}

.fi-ta-filter-indicators span {
    color: var(--White);
}

.fi-ta-filter-indicators .fi-badge {
    background-color: var(--m-azul-m);
}

.fi-ta-filter-indicators .fi-badge svg {
    color: var(--White);
}

.bulkAction__selection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px !important;
    border-radius: 8px;
    border: 1px solid rgba(3, 147, 233, .5) !important;
    box-shadow: none !important;
    background-color: rgba(1, 69, 108, 0.30) !important;
    margin-inline: 20px;
    margin-bottom: 16px;
}

.bulkAction__selection button {
    background-color: transparent !important;
    color: var(--m-azul-m) !important;
    padding: 0;
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.12px;
}

.bulkAction__selection button svg {
    color: var(--m-azul-m);
}

.fi-ta-selection-indicator {
    background-color: transparent !important;
    padding: 0 !important;
}

.fi-ta-selection-indicator>*:nth-child(2) {
    display: none;
}

.fi-ta-selection-indicator>*:nth-child(1) span {
    color: var(--White);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 12px;
    line-height: 24px;
}

.fi-ta-table tbody,
.fi-pagination {
    border: 0;
}

.searchFilters {
    width: 100%;
    justify-content: space-between;
    display: grid !important;
    grid-template-columns: 1fr auto;
}

/* Sections */
.no_border_section.fi-section .fi-section-content {
    padding: 0;
    border: 0;
}

.fi-section {
    background: transparent !important;
}

.fi-section .fi-section-header .grid {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sectionV2 .fi-section-header .grid {
    display: grid;
}

.fi-section .fi-section-content {
    border-bottom: 0.5px solid var(--m-700, #006EAE);
    padding: 24px 0;
}

.fi-section .fi-section-content:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.fi-section .fi-section-header {
    padding: 0;
}

.fi-section .fi-section-content-ctn {
    border: 0;
}

.fi-section .fi-section-header-heading {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 16px;
    line-height: 110%;
    font-weight: inherit;
}

.fi-section .fi-section-header-description {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
}

.fi-ta-filters-above-content-ctn {
    border-top: 0;
    padding-top: 0 !important;
}

.fi-ta-filters-above-content-ctn .fi-btn {
    background-color: transparent !important;
    transition: .3s all linear;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    margin-right: 10px;
}

.fi-ta-filters-above-content-ctn .fi-btn:hover {
    background-color: var(--Gray-850) !important;
}

.fi-ta-filters-above-content-ctn .fi-btn svg {
    width: 24px;
    height: 24px;
}

.fi-ta-filters-above-content-ctn>*:first-child {
    margin-top: 0;
}

.fi-ta-filters-above-content-ctn .filtersOpen .fi-btn {
    border: 1px solid var(--m-800, #075F92);
    background-color: rgba(1, 69, 108, 0.50) !important;
}

.fi-ta-filters-above-content-ctn-btn .fi-link span {
    color: var(--m-azul-m, #0393E9);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.12px;
    font-weight: inherit !important;
}

.fi-ta-filters {
    grid-template-columns: 1fr auto;
    gap: 24px;
    opacity: 0;
    visibility: hidden;
    transition: .3s all linear;
    max-height: 0;
    display: grid !important;
}

.fi-ta-filters.filtersOpenCtn {
    opacity: 1;
    visibility: visible;
    max-height: 999999999999999px;
}

/* Form */
.fi-input-wrp {
    background-color: transparent !important;
    box-shadow: none !important;
}

.centeredImage>* {
    margin: auto;
}

.fi-input[type="text"],
.fi-input[type="number"],
.fi-input[type="tel"],
.fi-input[type="email"],
.fi-fo-placeholder:not(.placeholder_no_classic_style),
.fi-input[type="password"],
.fi-input[type="date"],
.fi-input[type="url"],
.fi-select-input,
textarea,
.fi-fo-date-time-picker-display-text-input,
.fi-dropdown-list-item-label select {
    border-radius: 8px !important;
    border: 1px solid rgba(3, 147, 233, .5) !important;
    background-color: rgba(23, 32, 48, .6) !important;
    color: var(--White) !important;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: -0.28px;
    outline: 0 !important;
    box-shadow: none;
    font-weight: unset !important;
}

.choices__inner {
    border-radius: 8px !important;
    border: 1px solid rgba(3, 147, 233, .5) !important;
    color: var(--White) !important;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: -0.28px;
    outline: 0 !important;
    box-shadow: none;
    font-weight: unset !important;
}

.hasPrefixIcon .choices__inner {
    padding-left: 35px;
}

input[disabled],
.choices.is-disabled {
    pointer-events: none;
}

.inputStylev2 .choices__inner,
.inputStylev2 .fi-input[type="text"],
.inputStylev2 .fi-fo-date-time-picker-display-text-input,
.inputStylev2 .fi-input[type="number"] {
    border-color: var(--Gray-700, #344054) !important;
    background-color: var(--Gray-850, #172030) !important;
}

/* Mantiene la apariencia original cuando el navegador autocompleta */
.fi-input:-webkit-autofill,
.fi-input:-webkit-autofill:hover,
.fi-input:-webkit-autofill:focus,
.fi-input:-webkit-autofill:active,
.fi-select-input:-webkit-autofill {
    color: var(--White) !important;
    border: 1px solid rgba(3, 147, 233, 1) !important;
    -webkit-text-fill-color: var(--White) !important;
    box-shadow: 0 0 0px 1000px rgba(23, 32, 48, 1) inset !important;
}

.fi-input[type="text"]::placeholder,
.fi-input[type="number"]::placeholder,
.fi-input[type="tel"]::placeholder,
.fi-input[type="email"]::placeholder,
.fi-fo-placeholder:not(.placeholder_no_classic_style)::placeholder,
.fi-input[type="password"]::placeholder,
.fi-input[type="date"]::placeholder,
.fi-input[type="url"]::placeholder,
.fi-select-input::placeholder,
textarea::placeholder,
.choices__inner::placeholder,
.fi-fo-date-time-picker-display-text-input::placeholder,
.fi-dropdown-list-item-label select::placeholder {
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-weight: unset !important;
}

textarea {
    max-height: 240px;
}

.filepond--root {
    border-radius: 8px !important;
    border: 1px solid rgba(3, 147, 233, .5) !important;
    background-color: rgba(23, 32, 48, .6) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fi-modal-window .filepond--root {
    height: 100% !important;
}

.fi-modal-window .filepond--drop-label {
    height: 100% !important;
}

.filepond--root label {
    color: var(--Gray-400, #98A2B3);
    text-align: center;
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 150%;
}

.fi-dropdown-list-item-label option {
    background-color: var(--Gray-850) !important;
    color: var(--White) !important;
}

.choices__input {
    color: var(--White) !important;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: -0.28px;
}

.fi-fo-toggle[aria-checked="true"] {
    background-color: var(--m-azul-m);
}

.fi-input-wrp {
    position: relative;
}

.fi-input-wrp.hasPrefixIcon .fi-input {
    padding-left: 40px;
}

.fi-input-wrp .suffixIcon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
}

.fi-input-wrp .suffixIcon svg,
.fi-input-wrp .prefixIcon svg {
    color: var(--White)
}

.fi-input-wrp .prefixIcon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
}

.fi-select-input option {
    background-color: rgba(9, 15, 30, 1) !important;
}

.fi-input[type="date"]::-webkit-calendar-picker-indicator {
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="calendar"><path id="Icon" d="M14 6.66536H2M10.6667 1.33203V3.9987M5.33333 1.33203V3.9987M5.2 14.6654H10.8C11.9201 14.6654 12.4802 14.6654 12.908 14.4474C13.2843 14.2556 13.5903 13.9497 13.782 13.5733C14 13.1455 14 12.5855 14 11.4654V5.86536C14 4.74526 14 4.18521 13.782 3.75738C13.5903 3.38106 13.2843 3.0751 12.908 2.88335C12.4802 2.66536 11.9201 2.66536 10.8 2.66536H5.2C4.0799 2.66536 3.51984 2.66536 3.09202 2.88335C2.71569 3.0751 2.40973 3.38106 2.21799 3.75738C2 4.18521 2 4.74526 2 5.86536V11.4654C2 12.5855 2 13.1455 2.21799 13.5733C2.40973 13.9497 2.71569 14.2556 3.09202 14.4474C3.51984 14.6654 4.0799 14.6654 5.2 14.6654Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></g></svg>')
}

.choices__list--multiple .choices__item.choices__item--selectable {
    color: var(--White);
    background: var(--m-800, #075F92);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.12px;
    padding: .25rem .5rem;
    border-radius: .375rem;
}

.choices__list--single .choices__item.choices__item--selectable {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px;
    line-height: normal;
    letter-spacing: -0.28px;
}

.choices__inner .choices__item.choices__item--selectable .choices__button {
    filter: invert(1)
}

.fi-fo-placeholder:not(.placeholder_no_classic_style),
.fi-input[disabled="disabled"] {
    color: var(--Gray-400) !important;
    -webkit-text-fill-color: var(--Gray-400) !important;
}

.fi-fo-field-wrp-hint svg {
    color: #fff;
    height: 17px;
}

.fi-fo-field-wrp-label {
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
}

.fi-fo-field-wrp-label>*,
.fi-fo-field-wrp-label>* sup {
    color: #2EB2FF !important;
}

.fi-form .fi-fo-component-ctn>*:not(:first-child) .fi-section {
    border-top: 1px solid #006EAE;
    padding-top: 20px;
    border-radius: 0 !important;
}

.fi-form-actions .fi-ac {
    justify-content: end;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    border-radius: 8px;
    border: 1px solid var(--Gray-700, #344054);
    background: rgba(27, 36, 54, 1);
    box-shadow: 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03);
}

.choices__item--choice.choices__item--selectable {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.12px;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background: var(--Gray-800, #1D2939);
}

.choices__list::-webkit-scrollbar,
textarea::-webkit-scrollbar {
    width: 7px;
    border-radius: 99px;
}

.choices__list::-webkit-scrollbar-thumb,
.choices__list::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb:hover {
    background: var(--m-azul-m);
    border-radius: 99px;
}

.choices__list::-webkit-scrollbar-track {
    background: var(--Gray-600);
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    background-clip: padding-box;
}

/* Tabs */
.fi-tabs {
    background-color: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.fi-tabs .fi-tabs-item,
.fi-tabs .fi-tabs-item:hover {
    background-color: transparent;
    border-radius: 0 !important;
    border-bottom: 1px solid transparent;
    text-align: center;
    outline: none;
    transition: .3s all linear;
}

.fi-tabs .fi-tabs-item span {
    color: var(--Gray-500, #667085);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
    transition: .3s all linear;
}

.fi-tabs .fi-tabs-item.fi-active.success span,
.fi-tabs .fi-tabs-item.success:hover span {
    color: #32D583;
}

.fi-tabs .fi-tabs-item.fi-active.success,
.fi-tabs .fi-tabs-item.success:hover {
    border-color: #32D583;
}

.fi-tabs .fi-tabs-item.fi-active.warning span,
.fi-tabs .fi-tabs-item.warning:hover span {
    color: #FDB022;
}

.fi-tabs .fi-tabs-item.fi-active.warning,
.fi-tabs .fi-tabs-item.warning:hover {
    border-color: #FDB022;
}

.fi-tabs .fi-tabs-item.fi-active.error span,
.fi-tabs .fi-tabs-item.error:hover span {
    color: #F04438;
}

.fi-tabs .fi-tabs-item.fi-active.error,
.fi-tabs .fi-tabs-item.error:hover {
    border-color: #F04438;
}

.fi-tabs .fi-tabs-item.fi-active.movistar span,
.fi-tabs .fi-tabs-item.movistar:hover span {
    color: var(--m-azul-m);
}

.fi-tabs .fi-tabs-item.fi-active.movistar,
.fi-tabs .fi-tabs-item.movistar:hover {
    border-color: var(--m-azul-m);
}

/* Table Action Modals */
.fi-modal-window {
    border-radius: 24px !important;
    background: var(--Gray-1000, #090F1E) !important;
    max-width: 620px !important;
    position: relative !important;
    /*overflow: hidden;*/
}

.fi-modal-window.xlModal {
    max-width: 890px !important;
}

.fi-modal-header {
    padding-inline: 48px !important;
    padding-top: 48px !important;
}

.fi-modal-header .absolute {
    top: 48px;
    right: 48px;
}

.fi-modal-window .fi-modal-heading {
    display: flex;
    align-items: center;
    gap: 3px;
}

.fi-modal-window .fi-modal-heading svg {
    min-width: 30px;
    height: 30px;
}

.fi-modal-window .fi-modal-heading span {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Bold";
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.64px;
}

.max-width-800 {
    max-width: 800px !important;
}

.max-width-75p-1080px {
    max-width: min(75%, 1080px) !important;
}

.max-width-75p-1200px {
    max-width: min(75%, 1200px) !important;
}

/*
.fi-modal-window::before {
    content: "";
    position: absolute;
    right: -50%;
    bottom: -90%;
    width: 477px;
    height: 477px;
    border-radius: 100%;
    filter: blur(182px);
    opacity: .4;
}*/
.fi-modal-window .fi-modal-content {
    position: relative;
    padding: 48px 48px 0 48px;
}

.fi-modal-window .fi-modal-content:has(.projectDetailsModal) {
    padding-bottom: 48px;
}

.fi-modal-window.modal-with-close-button .fi-modal-content {
    padding-top: 10px !important;
}

.fi-modal-window .fi-modal-footer {
    padding: 24px 48px 48px 48px;
}

.fi-modal-open *[x-ref="modalContainer"] {
    backdrop-filter: blur(18px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.fi-modal-window .fi-btn {
    width: fit-content;
}

/*.fi-modal-window .fi-modal-footer-actions {*/
/*    display: flex;*/
/*    justify-content: end;*/
/*    flex-direction: row;*/
/*}*/

.fi-modal-window .fi-modal-footer-actions.flex-row-reverse button:first-child {
    color: var(--Gray-900, #101828);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.28px;
    border-radius: 8px;
    border: 1px solid var(--Gray-700, #344054);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 8px 14px;
}

.fi-modal-window .fi-modal-footer-actions.flex-row-reverse button:not(:first-child) {
    color: #fff;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.28px;
    padding: 8px 14px;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    background-color: var(--Gray-900) !important;
}

.modalAction .icon__title {
    display: flex;
    align-items: start;
    gap: 8px;
}

.modalAction .icon__title .icon {
    width: 30px;
    height: 30px;
}

.modalAction .icon__title .title {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.64px;
    max-width: 345px;
}

.modalAction .groupInfo {
    padding: 12px;
    border-radius: 10px;
    border: 1px solid rgba(172, 224, 255, 0.10);
    background: rgba(27, 36, 54, 0.30);
    box-shadow: 0px 48px 84px 16px #08131F;
    margin: 24px 0;
}

.modalAction .groupInfo .groupText {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 10px;
    line-height: 130%;
    letter-spacing: -0.1px;
    margin-bottom: 16px;
}

.modalAction .groupInfo .groupsCtn {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.modalAction .groupInfo .groupName {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    color: var(--White, #FFF);
    text-overflow: ellipsis;
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 20px;
    line-height: normal;
    letter-spacing: -0.2px;
}

.modalAction .groupInfo .groupName:not(:last-child) {
    padding-right: 16px;
    border-right: 1px solid #344054;
}

.modalAction .groupInfo .groupName svg {
    color: #101828;
    padding: 4px;
    border-radius: 4px;
}

.modalAction .content {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 12px;
    line-height: 155%;
    letter-spacing: -0.12px;
    max-width: 400px;
}

/* Filament Simple Page */
.fi-simple-main {
    background: transparent;
    padding: 0;
    margin: 0;
}

.user-photo-info .fi-section-content>.grid>*:first-child {
    grid-row: span 3;
}

@media screen and (max-width: 990px) {
    .fi-main-sidebar {
        background-color: var(--Gray-900) !important;
    }
}

/* Overwrite from forms */
.fi-ta-ctn .fi-input[type="text"],
.fi-ta-ctn .fi-input[type="tel"],
.fi-ta-ctn .fi-input[type="email"],
.fi-ta-ctn .fi-fo-placeholder,
.fi-ta-ctn .fi-input[type="password"],
.fi-ta-ctn .fi-input[type="date"],
.fi-ta-ctn .fi-select-input,
.fi-ta-ctn .choices__inner,
.fi-ta-ctn .fi-fo-date-time-picker-display-text-input {
    border: 1px solid var(--Gray-700, #344054) !important;
    background-color: var(--Gray-850, #172030) !important;
}

/* Section FOLDERS */
.folder_structure_section .fi-section-content {
    padding-top: 0;
}

.section_folders .fi-section-content {
    padding: 0;
    border: 0;
}

.section_folders .fi-ac {
    justify-content: end;
}

.section_folders .section_folders_breadcrumb .fi-ac-action span {
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 10px;
    font-weight: inherit !important;
}

.section_folders .section_folders_breadcrumb .fi-ac {
    gap: 5px;
    height: 100%;
    justify-content: start;
}

.section_folders .create_folder_button {
    border-radius: 8px;
    border: 1px solid var(--Gray-600, #475467);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    padding: 8px 14px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    /*margin-right: 0;
    margin-left: auto;*/
    background-color: var(--Gray-900, #101828) !important;
}

.section_folders .create_folder_button span {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px;
    font-weight: inherit !important;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.28px;
}

/* Repeater FOLDERS*/
.repeater_folders {
    border-radius: 16px;
    border: 1px solid var(--Gray-700, #344054);
    background: var(--Gray-900, #101828);
    padding: 16px;
}

.repeater_folders li {
    cursor: pointer;
}

.repeater_folders .fi-fo-repeater-item {
    background-color: transparent !important;
    border-radius: 16px;
}

.repeater_folders .fi-fo-repeater-item:hover {
    background-color: var(--Gray-850, #172030) !important;
}

.repeater_folders .fi-fo-repeater-item .repeater_item_actions .fi-ac {
    justify-content: end;
}

.repeater_folders .fi-fo-repeater-item .repeater_item_actions .fi-ac .fi-link:not(:last-child) {
    opacity: 0;
    transition: .3s all linear;
}

.repeater_folders .fi-fo-repeater-item:hover .repeater_item_actions .fi-ac .fi-link:not(:last-child) {
    opacity: 1;
}

.repeater_folders .fi-fo-repeater-item .repeater_item_actions .fi-ac-action:last-child {
    margin-left: 32px;
}

.repeater_folders .fi-fo-repeater-item .repeater_item_actions .fi-ac-action:last-child svg {
    color: var(--m-azul-m)
}

.repeater_folders .fi-fo-repeater-item .repeater_item_actions svg {
    color: #98A2B3;
}

.repeater_folders .fi-fo-repeater-item .repeater_item_name_action span {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-weight: inherit !important;
    font-size: 14px;
    line-height: 16px;
    /* 114.286% */
    letter-spacing: -0.14px;
}

.repeater_folders .fi-fo-repeater-item .repeater_item_name_action svg {
    color: #fff;
}

/* Repeater CONTACT LIST */
.repeater_contactList {
    border-radius: 8px;
    border: 1px solid var(--Gray-700, #344054);
    background: rgba(27, 36, 54, 0.30);
    box-shadow: 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03);
    height: 240px;
    overflow: auto;
    padding: 16px;
}

.repeater_contactList.h-full {
    overflow: visible;
}

.repeater_contactList.heightXL {
    height: 335px;
}

.repeater_contactList.borderMovistar {
    border-color: rgba(3, 147, 233, .5);
}

.repeater_contactList::-webkit-scrollbar {
    width: 7px;
    border-radius: 99px;
}

.repeater_contactList::-webkit-scrollbar-thumb,
.repeater_contactList::-webkit-scrollbar-thumb:hover {
    background: var(--m-azul-m);
    border-radius: 99px;
}

.repeater_contactList .fi-fo-repeater-item-header {
    padding: 0;
}

.repeater_contactList::-webkit-scrollbar-track {
    background: #344054;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    background-clip: padding-box;
}

.repeater_contactList .fi-fo-repeater-item {
    background-color: transparent;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.repeater_contactList .fi-fo-repeater-item:not(:last-child) {
    margin-bottom: 10px;
}

.repeater_contactList .fi-ac-action svg {
    color: var(--Gray-500);
}

.repeater_contactList .fi-fo-repeater-item-content {
    border: 0;
    padding: 0;
    width: 100%;
}

.repeater_contactList .table__lastUserAdded {
    background-color: transparent !important;
}

.repeater_contactList .table__lastUserAdded .image,
.repeater_contactList .table__lastUserAdded .image img,
.repeater_contactList .table__lastUserAdded .image svg {
    min-width: 30px;
    height: 30px;
    max-width: 30px;
    border-radius: 4px;
}

.addFileToProjectForm .fi-fo-field-wrp-label,
.addFileToProjectForm .fi-fo-field-wrp-label span {
    color: var(--Gray-300, #D0D5DD) !important;
    font-family: "ApercuMovistar-Regular";
    font-size: 10px;
    line-height: 100%;
    min-height: 10px;
}

/* For TABLE LAST ADDED USER COMPONENT*/
.table__lastUserAdded {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-inline: 12px;
}

.hiddenImage .table__lastUserAdded .image {
    display: none;
}

.table__lastUserAdded .image,
.table__lastUserAdded .image img,
.table__lastUserAdded .image svg {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}

.table__lastUserAdded .image svg {
    border-radius: 0%;
}

.table__lastUserAdded .name {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.16px;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-clamp: 1;
    width: 300px;
    -webkit-box-orient: vertical;
}

.table__lastUserAdded .role {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.14px;
}

/* For TABLE GROUP PERMISSION (ej. Carpetas de proyecto) */
.table__groupPermission {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 131px;
    padding: 10px 8px;
    border-radius: 10px;
    border: 1px solid var(--Gray-700, #344054);
    background: var(--Gray-850, #172030);
    margin-inline: 12px;
}

.table__groupPermission .groupCount {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
    /* 12px */
}

.table__groupPermission .groupColors {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.table__groupPermission .color {
    min-width: 6px;
    max-width: 6px;
    height: 6px;
    border-radius: 100%;
}

/* For TABLE PROJECT NAME COMPONENT*/
.table__project {
    display: flex;
    align-items: center;
    gap: 10px;
}

.table__project .image,
.table__project .image img {
    width: 43px;
    height: 43px;
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
}

.table__project .name {
    color: var(--m-azul-m, #0393E9);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

/* Project Card Grid */
.projectCard {
    position: relative;
    height: 100%;
    background-color: red;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    box-shadow: 0px 0px 0px 0px var(--m-azul-m);
    transition: .3s all linear;
    aspect-ratio: 16/9;
}

.projectCard .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    transition: .3s all linear;
    border-radius: 8px;
}

.projectCard:hover,
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(input[type="checkbox"]:checked) .projectCard {
    box-shadow: 0px 0px 0px 2px var(--m-azul-m);
}

.projectCard:hover .overlay,
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(input[type="checkbox"]:checked) .projectCard .overlay {
    background-color: rgba(0, 0, 0, 0);
}

.projectCard .phase {
    color: var(--m-700, #006EAE);
    text-align: center;
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 10px;
    line-height: 70%;
    /* 7px */
    letter-spacing: -0.3px;
    padding: 5px 6px;
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid var(--m-500, #2EB2FF);
    background: var(--m-100, #DFF3FF);
    box-shadow: 0 3px 6px 0 rgba(29, 41, 57, 0.40);
    position: absolute;
    top: 6px;
    left: 6px;
    width: fit-content;
}

.projectCard .info {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 8px 12px;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 2px -1px rgba(10, 13, 18, 0.10);
    border: 1px solid var(--Gray-300, #D0D5DD);
    background-color: #fff;
    min-height: 50px;
}

.projectCard .name {
    color: var(--m-azul-m, #0393E9);
    font-family: "ApercuMovistar-Bold";
    font-size: 16px;
    line-height: 90%;
    /* 14.4px */
    margin-bottom: 8px;
    text-align: left;
}

.projectCard .extras {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--Gray-700, #344054);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
    /* 12px */
    letter-spacing: -0.36px;
}

.projectCard .actions {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    align-items: center;
}

.projectCard .actions>* {
    padding: 10px;
    box-sizing: content-box;
    cursor: pointer;
}

.projectCard .actions .addToFav,
.fileCard .actions .addToFav {
    background-color: transparent !important;
    box-shadow: none;
    padding-right: 0;
}

.projectCard .actions .addToFav svg {
    width: 20px;
    height: 20px;
    color: #fff;
}

.fileCard .actions .addToFav svg {
    width: 20px;
    height: 20px;
    color: #000;
}

.fileCard.overlay .actions .addToFav svg {
    color: #fff;
}

.fileCard.overlay .groups .groupCount {
    color: #fff;
}


/* Carpetas Card Grid */
.fileCard {
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #D0D5DD);
    background-color: var(--White, #FFF);
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 16/9;
}

.fileCard.overlay {
    background-color: rgba(0, 0, 0, .3);
    background-blend-mode: color;
}

.fileCard:hover,
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(input[type="checkbox"]:checked) .fileCard {
    box-shadow: 0px 0px 0px 2px var(--m-azul-m);
}

.fileCard .actions {
    position: absolute;
    top: 0px;
    right: 6px;
    display: flex;
    align-items: center;
}

.fileCard .actions>* {
    color: var(--Gray-800, #1D2939);
    padding: 10px;
    box-sizing: content-box;
    cursor: pointer;
}

.fileCard .areas {
    display: flex;
    flex-wrap: wrap;
    max-width: 70%;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.fileCard .areas .area {
    color: var(--Gray-1000, #090F1E);
    text-align: center;
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 10px;
    line-height: 70%;
    padding: 5px 6px;
    border-radius: 4px;
    background: var(--m-500, #2EB2FF);
}

.fileCard .groups {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
}

.fileCard .groups .groupCount {
    color: var(--Gray-900, #101828);
    text-align: center;
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
}

.fileCard .groups .groupColors {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px
}

.fileCard .groups .groupColors .color {
    width: 6px;
    height: 6px;
    border-radius: 100%;
}

.fileCard .folderName {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 6px;
    padding: 12px;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
}

.fileCard .icon {
    width: 16px;
    height: 16px;
}

.fileCard .iconFile {
    width: auto;
    height: 100%;
}

.fileCard .name {
    font-family: "ApercuMovistar-Bold";
    font-size: 16px;
    font-weight: unset !important;
    line-height: 100%;
    letter-spacing: -0.16px;
}

.fileCard .fileName {
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: end;
    gap: 6px;
    padding: 12px;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
}

.fileCard .fileName .name {
    color: var(--Gray-700, #344054);
    font-family: "ApercuMovistar-Regular";
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.14px;
    margin-bottom: 3px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.fileCard .fileName .size {
    color: var(--Gray-500, #667085);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.12px;
}

.fileCard .info {
    position: absolute;
    bottom: 12px;
    right: 12px;
    cursor: pointer;
}

.fileCard .info .icon {
    width: 12px;
    height: 12px;
    color: #090F1E;
}

.fileCard .info .infoTooltip {
    position: absolute;
    background-color: #fff;
    width: 210px;
    padding: 12px;
    border-radius: 16px;
    right: -30px;
    transition: .3s all linear;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.fileCard .info:hover .infoTooltip {
    opacity: 1;
    visibility: visible;
}

.fileCard .info .infoTooltip>* {
    color: var(--Gray-800, #1D2939);
    font-family: "ApercuMovistar-Regular";
    font-size: 10px;
    line-height: 140%;
    letter-spacing: -0.2px;
}

.fileCard .info .infoTooltip span {
    color: var(--m-azul-m, #0393E9);
    font-family: "ApercuMovistar-Bold";
    font-weight: unset !important;
}

/* Project Modal*/
.projectDetailsModal .upper {
    display: grid;
    grid-template-columns: 55% 45%;
    margin-bottom: 32px;
}

.projectDetailsModal .projectInfo {
    display: flex;
    gap: 27px;
    align-items: start;
}

.projectDetailsModal .projectImage {
    min-width: 277px;
    max-width: 277px;
    height: 233px;
    object-position: center;
    object-fit: cover;
    border-radius: 8px;
}

.projectDetailsModal .projectText {
    padding: 12px 24px 12px 0;
}

.projectDetailsModal .projectText .title {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: -0.18px;
    margin-bottom: 12px;
}

.projectDetailsModal .projectText .text {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    font-weight: 300 !important;
    line-height: 150%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    /* number of lines to show */
    line-clamp: 15;
    -webkit-box-orient: vertical
}

.projectDetailsModal .projectExtras .extraRow {
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--m-azul-m);
    margin-bottom: 8px;
}

.projectDetailsModal .extraRow .extraTitle {
    color: var(--Gray-300, #D0D5DD);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
}

.projectDetailsModal .extraRow .title {
    color: var(--White, #FFF);
    text-align: right;
    font-family: "ApercuMovistar-Bold";
    font-size: 14px;
    line-height: 160%;
    /* 22.4px */
}

.projectDetailsModal .extraRow .text {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.36px;
}

.projectDetailsModal .middle .chipText {
    color: #B7B7B7;
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: normal;
    letter-spacing: -0.24px;
}

.projectDetailsModal .middle .chipText span {
    color: #fff;
    font-weight: 700 !important;
}

.projectDetailsModal .middle .showAnalytics {
    /*display: flex;*/
    display: none;
    align-items: center;
    gap: 6px;
    padding: 12px 20px;
    border-radius: 8px;
    background: var(--Gray-900, #101828);
    color: var(--m-azul-m, #0393E9);
    font-family: "ApercuMovistar-Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: unset !important;
    line-height: 24px;
    letter-spacing: -0.28px;
}

.projectDetailsModal .below .noteTitle {
    color: var(--m-azul-m, #0393E9);
    font-family: "ApercuMovistar-Regular";
    font-size: 16px;
    font-weight: unset !important;
    line-height: normal;
    letter-spacing: -0.16px;
}

.projectDetailsModal .below .noteText {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 150%;
    /* 18px */
    letter-spacing: -0.12px;
    max-width: 650px;
}

.projectDetailsModal .line_box {
    /*display: flex;*/
    display: none;
    margin-bottom: 40px;
}

.projectDetailsModal .text_circle {
    flex: 1;
    text-align: center;
    position: relative;
}

.projectDetailsModal .text_circle:after {
    background-color: var(--Gray-850, #172030);
    bottom: -30%;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    right: 0;
    width: 50%;
    z-index: 10;
}

.projectDetailsModal .line_box p {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular";
    font-size: 10px;
    line-height: 110%;
}

.projectDetailsModal .line_box .circle.active p {
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 700 !important;
    line-height: 110%;
}

.projectDetailsModal .timeline {
    margin: 40px 0;
}

.projectDetailsModal .text_circle:not(:first-child):before {
    bottom: -30%;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    width: 50%;
    z-index: 10;
    background-color: var(--Gray-850, #172030);
}

.projectDetailsModal .circle {
    height: 100%;
}

.projectDetailsModal .innerCircle {
    height: 12px;
    width: 12px;
    display: flex;
    position: relative;
    border-radius: 100%;
    bottom: 0;
    margin: 0 auto;
    background-color: var(--Gray-900, #101828);
    z-index: 20;
}

.projectDetailsModal .text_circle.done .innerCircle {
    background-color: var(--m-azul-m);
}

.projectDetailsModal .text_circle:after,
.projectDetailsModal .text_circle:before {
    background-color: var(--Gray-850, #172030);
}

.projectDetailsModal .text_circle.done:after,
.projectDetailsModal .text_circle.done:before {
    background-color: var(--m-azul-m)
}

.projectDetailsModal .text_circle.done:last-of-type::after,
.projectDetailsModal .text_circle.done:not(:has(+ .text_circle.done))::after {
    background-color: var(--Gray-850, #172030);
}

.projectDetailsModal .text_circle:last-child:after {
    display: none;
}

.progressBarText * {
    color: var(--Gray-400, #98A2B3);
    text-align: left;
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 150%;
}

.progressBarBG {
    border-radius: 99px;
    background-color: var(--Gray-700, #344054);
}

.progressBarStatus {
    background-color: var(--m-azul-m);
    border-radius: 99px;
}



/* handlers */
.br-24 {
    border-radius: 24px;
}

.h-90dvh {
    height: 90 dvh;
}

.d-inline {
    display: inline;
}

.ff-movistar {
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-weight: 400;
}

.ff-movistar-bold {
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-weight: 700;
}

.color-movistar {
    color: var(--azul-movistar);
}

.background-movistar {
    background-color: var(--azul-movistar);
}

.bordercolor-movistar {
    border-color: var(--azul-movistar);
}

.lightPanel {
    padding: 16px 0;
    border-radius: 16px;
    border: 1px solid var(--lightPanelBorder);
    background: var(--lightPanelBackground);
    color: var(--White);
}

.darkPanel {
    border-radius: 16px;
    border: 1px solid var(--darkPanelBorder);
    background: var(--darkPanelBackground);
}

/* Custom chips*/
.customChips_1 .fi-ta-text-item-label {
    font-family: 'ApercuMovistar-Regular', sans-serif;
    font-size: 12px;
    line-height: 8.4px;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid var(--Gray-600);
    background: var(--Gray-800);
    box-shadow: 0 3px 6px 0 rgba(29, 41, 57, 0.40);
}

/* Mega Checkbox List */
.repeater_templatePermission .fi-fo-repeater-item {
    align-items: center;
}

.megaCheboxList_input {
    width: 100%;
    border-radius: 0 !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 15px 0 0 !important;
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px !important;
    line-height: normal !important;
    letter-spacing: -0.24px;
    background-color: transparent !important;
    background-image: url(../../images/icons/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: center right;
    text-align: right;
    cursor: pointer;
}

.megaCheboxList_listWrapper {
    border-radius: 8px;
    border: 1px solid var(--Gray-700, #344054);
    background: var(--Gray-850, #172030);
    box-shadow: 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03);
    width: max-content;
    margin-right: 0;
    margin-left: auto;
    padding: 6px 16px;
    opacity: 0;
    transition: .3s all linear;
    right: 0;
    max-height: 0;
    z-index: 10;
    overflow: hidden;
    position: absolute;
}

.megaCheboxList_listWrapper.open {
    max-height: 999999999px;
    opacity: 1
}

.megaCheboxList_listWrapper .fi-fo-checkbox-list-option-label {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.megaCheboxList_listWrapper .fi-fo-checkbox-list-option-label {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular";
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.14px;
    padding: 0;
}

.megaCheboxList_listWrapper input[type="checkbox"] {
    appearance: none;
    display: flex;
    width: 16px;
    height: 16px;
    padding: 2px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Gray-600, #475467);
    background-color: transparent;
    outline: none;
    margin: 0;
    box-shadow: none;
    cursor: pointer;
}

.megaCheboxList_listWrapper input[type="checkbox"]:checked {
    background-color: transparent;
    border-color: var(--m-azul-m, #0393E9);
    background-image: url(../../images/icons/check.svg);
    background-size: 80%;
}

/** PARA OCULTAR FILENAME GENERADO EN PREVIEW DE IMAGENES **/
.filepond--file-info-main {
    color: transparent;
    /* Oculta el texto visualmente */
    text-shadow: 0 0 0 transparent;
    /* Elimina sombras de texto */
}

.filepond--file-info-main a {
    color: initial;
    /* Asegura que los enlaces sigan siendo visibles */
    text-shadow: none;
    /* Asegura que las sombras de texto de los enlaces sean normales */
}

.fi-breadcrumbs {
    margin: 0 !important;
}

.fi-breadcrumbs .fi-breadcrumbs-item-label {
    color: #FFF !important;
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
}

.fi-breadcrumbs .fi-breadcrumbs-item-label:first-child {
    color: var(--m-azul-m) !important;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.fi-breadcrumbs a.fi-breadcrumbs-item-label:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.modalPreviewFile {
    position: fixed !important;
    right: 20px;
    bottom: 20px;
    overflow: auto;
    max-width: 35% !important;
    border-radius: 0 !important;
}

.modalPreviewFile .fi-modal-content {
    padding: 0;
    border: 1px solid var(--Gray-700, #344054);
    height: 90dvh !important;
    overflow: hidden;
}

.modalPreviewFile .fi-page .fi-header,
.modalPreviewFile .fileViewContent .table__groupPermission {
    display: none;
}

.modalPreviewFile .fileViewContent .fileView {
    border-radius: 0;
}

.modalPreviewBlock .fi-modal-close-overlay {
    background-color: transparent !important;
}

.modalPreviewBlock *[x-ref="modalContainer"] {
    backdrop-filter: none !important;
}

.fileViewContent .table__groupPermission {
    margin: 0;
    background-color: transparent;
    border: 0;
    justify-content: end;
}

.fileViewContent .errorType {
    width: 100%;
    position: relative;
    height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--Gray-1000, #090F1E);
    background-size: cover;
    background-position: center;
    background-image: url(../../images/default/preview-no-file.png);
}

.fileViewContent .errorType .icon {
    border-radius: 12px;
    border: 1px solid var(--Gray-600, #475467);
    background: var(--Gray-850, #172030);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    padding: 14px;
    width: 28px;
    height: 28px;
    box-sizing: content-box;
}

.fileViewContent .errorType .title {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "ApercuMovistar-Bold";
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.48px;
    margin: 10px 0;
}

.fileViewContent .errorType .text {
    color: var(--Gray-300, #D0D5DD);
    text-align: center;
    font-family: "ApercuMovistar-Regular";
    font-size: 14px;
    line-height: 140%;
    max-width: 280px;
}

.externalHeading {
    margin-bottom: 0 !important;
}

.externalHeading h2 {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular";
    font-size: 24px;
    font-weight: inherit !important;
    line-height: normal;
    letter-spacing: -0.24px;
}

/** -------------------------------------------------  PROJECT TIMELINE  ------------------------------------------- **/
ol.project-timeline {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative;
}

ol.project-timeline::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: var(--azul-movistar);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 0;
}

ol.project-timeline li {
    list-style-type: none;
    position: relative;
    cursor: pointer;
}

ol.project-timeline li::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--azul-movistar);
    border: 2px solid var(--azul-movistar);
}


ol.project-timeline li.empty::after {
    background-color: transparent;
}

ol.project-timeline li span {
    position: absolute;
    bottom: calc(100% + 20px);
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    text-align: center;
    width: 20%;
}

.modalProjectFileContent {
    max-width: 56rem !important;
}

.modalProjectFileContent .fi-section-header-heading {
    display: flex;
    align-items: center;
    gap: 5px;
}

.modalNavigationContent .fi-modal-content,
.modalProjectFileContent .fi-modal-content {
    border-radius: 10px;
    border: 1px solid rgba(172, 224, 255, 0.10);
    background: rgba(27, 36, 54, 0.30);
    box-shadow: 0px 48px 84px 16px #0F0D19;
    padding: 16px 20px;
    margin-inline: 48px;
    margin-top: 24px;
}

.modalNavigationContent .fi-section-header-heading {
    width: 100%;
}

.modalNavigationContent .navigationSection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--Gray-600, #475467);
    margin-bottom: 24px;
}

.modalNavigationContent .navigationSection .sectionTitle {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Bold";
    font-size: 16px;
    font-weight: inherit !important;
    line-height: 100%;
    /* 16px */
}

.modalNavigationContent .navigationSection .titleName {
    display: flex;
    align-items: center;
    gap: 8px;
}

.modalNavigationContent .navigationSection .title {
    color: var(--Gray-300, #D0D5DD);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    font-style: normal;
    line-height: 100%;
    /* 12px */
}

.modalNavigationContent .navigationSection .name {
    color: var(--Gray-200, #E4E7EC);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    font-weight: 400;
    line-height: 160%;
    /* 19.2px */
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid rgba(228, 231, 236, .5);
    box-shadow: 0px 2px 2px -1px rgba(10, 13, 18, 0.10);
}

.modalNavigationContent .navigationSection .name svg {
    min-width: 18px;
    max-width: 18px;
    max-height: 18px;
}

.modalNavigationContent .repeater_folders {
    border: 0;
    padding: 0px;
    background: transparent;
    overflow: auto;
    max-height: 250px;
}

.modalNavigationContent .repeater_folders::-webkit-scrollbar {
    width: 7px;
    border-radius: 99px;
}

.modalNavigationContent .repeater_folders::-webkit-scrollbar-thumb,
.modalNavigationContent .repeater_folders::-webkit-scrollbar-thumb:hover {
    background: var(--m-azul-m);
    border-radius: 99px;
}

.modalNavigationContent .repeater_folders::-webkit-scrollbar-track {
    background: #F2F4F7;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    background-clip: padding-box;
}

.modalNavigationContent .repeater_folders ul .grid {
    gap: 5px !important;
}

.modalNavigationContent .repeater_folders .fi-fo-repeater-item {
    border-radius: 0 !important;
    transition: .3s all linear;
}

.modalNavigationContent .repeater_folders ul .grid .fi-fo-repeater-item-content {
    padding: 8px 8px 8px 16px !important;
    background-image: url(../../images/icons/chevron-right.svg);
    background-repeat: no-repeat;
    background-position: center right;
}

.colorsCtn {
    gap: 25px !important;
    flex-wrap: wrap;
}

.colorsCtn .color {
    opacity: .6;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}

.colorsCtn .color.isActive {
    opacity: 1;
}

.colorsCtn .colorButton {
    min-width: 23px;
    max-width: 23px;
    height: 23px;
    border-radius: 100%;
}

.colorsCtn .color .colorText {
    color: var(--Gray-300, #D0D5DD);
    font-family: "ApercuMovistar-Regular";
    font-size: 10px;
    line-height: 110%;
    /* 11px */
}

.fileViewContent .fileView {
    border: 1px solid var(--Gray-700, #344054);
    background: var(--Gray-800, #1D2939);
    padding: 16px 20px 8px 20px;
    display: flex;
    gap: 10px;
    border-radius: 16px 16px 0 0;
    flex-direction: column;
    overflow: hidden;
}

.fileViewContent .fi-breadcrumbs-list.onlyMobile {
    display: none;
}

.fileViewActions .pointer-events-none {
    display: none;
}

.fileViewContent .nameIcon {
    display: flex;
    gap: 12px;
    align-items: center;
}

.fileViewContent .nameIcon .icon svg {
    min-width: 40px;
    width: 40px;
    height: 40px;
}

.fileViewContent .nameIcon .name {
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    font-family: "ApercuMovistar-Regular";
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.fileViewContent .nameIcon .fileSize {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 20px;
}

.fileViewContent .createdAt {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular";
    font-size: 10px;
    line-height: 140%;
    letter-spacing: -0.2px;
    margin-top: 6px;
}

.fileViewContent .hiddenLabel span {
    display: none;
}

.inputAsTitle .fi-input {
    background-color: transparent !important;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    text-align: right;
    color: #2EB2FF;
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
    /* 12px */
}

.inputAsTitle .fi-input::placeholder {
    color: #2EB2FF;
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
    /* 12px */
}

.fileShipmentCustomForm .fi-fo-component-ctn {
    align-items: center;
}

.fileShipmentCustomForm .fi-input-wrp.datePickerNoLabel {
    margin-top: 15px;
}

.shipmentHorizontalRepeaters>.grid {
    align-items: center;
}

.shipmentHorizontalRepeaters .fi-ac {
    justify-content: end !important;
    width: 100%;
}


/** ---------------------------------     CUSTOM COLOR PICKER      ---------------------------------------------------*/
.customColorPicker {
    position: relative;
}

.customColorPicker .title {
    position: absolute;
    top: -50%;
    transform: translateY(-50%);
}

.customColorPicker .colorsCont {
    display: flex;
    align-items: start;
    gap: 20px;
    padding-inline: 8px;
    margin-top: 4px;
    flex-wrap: wrap;
}

.customColorPicker .color {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    min-width: 50px;
}

.customColorPicker .color:not(.active) {
    opacity: .5
}

.customColorPicker .color .dot {
    width: 23px;
    height: 23px;
    gap: 4px;
    border-radius: 99px;
}

.customColorPicker .color .text {
    color: var(--Gray-300, #D0D5DD);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 11px */
}


/* Tooltip de Filament */
/*div[data-tippy-root] { top: 104% !important; }*/
.tippy-box {
    color: #000;
    font-family: "ApercuMovistar-Bold";
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.28px;
    max-width: 200px !important;
}

/*
.tippy-box .tippy-arrow { top: 0; bottom: unset; }
.tippy-box .tippy-arrow:before { top: 0; bottom: unset; transform: rotate(180deg); }*/

.secondaryLevelFilterGroup .fi-fo-component-ctn {
    gap: 5px !important;
}

.secondaryLevelFilterGroup .fi-input {
    cursor: pointer;
}

.secondaryLevelFilterGroup .secondaryLevelFilter {
    position: absolute;
    z-index: 9;
    border: 1px solid var(--Gray-700, #344054) !important;
    background-color: var(--Gray-850, #172030) !important;
    padding: 10px;
    border-radius: 8px;
    transition: .3s all ease-in-out;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    min-width: 650px;
}

.secondaryLevelFilterGroup .secondaryLevelFilter.closed {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.pills {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular", sans-serif;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: -0.14px;
    padding: 10px 16px;
    border-radius: 12px;
    border: 1px solid var(--Success-400, #32D583);
    background: rgba(5, 79, 49, 0.20);
    display: flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
}

.pills svg {
    color: var(--Success-400);
}

.fi-fo-field-wrp-label:has(*.fi-fo-toggle)>*,
.fi-fo-field-wrp-label:has(*.fi-fo-toggle)>* sup {
    color: var(--White, #FFF) !important;
}

.fi-fo-field-wrp-label .fi-fo-toggle[aria-checked="false"] {
    background-color: var(--Gray-800, #1D2939);
}

.fi-fo-field-wrp-label:has(*.fi-fo-toggle.swapLabel) {
    flex-direction: row-reverse;
}

.toggleGridModal {
    display: flex;
    justify-content: end;
    width: 100%;
}

.toggleGridModal .fi-fo-component-ctn {
    width: 100%;
}

.toggleGridModal .fi-fo-field-wrp-label:has(*.fi-fo-toggle) {
    display: flex;
    justify-content: end;
    width: 100%;
}

.legalPages .darkPanel {
    padding: 56px;
}

.legalPages .darkPanel .title {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Bold";
    font-size: 32px;
    font-weight: 700 !important;
    line-height: 120%;
    letter-spacing: -0.64px;
    margin-bottom: 24px;
}

.legalPages .darkPanel .paragraphText {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 140%;
}

.legalPages .darkPanel .paragraphText a {
    text-decoration: underline;
    color: var(--m-azul-m);
}

.legalPages .darkPanel .paragraphText * {
    margin-bottom: 16px;
}

.projectRepeater {
    display: flex;
    align-items: center;
    gap: 12px;
}

.projectRepeater .projectImage {
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
}

.projectRepeater .projectName {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 20px;
    /* 166.667% */
    letter-spacing: -0.12px;
}

.formTitle {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular";
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 110%;
    /* 17.6px */
}

.formDesc {
    color: var(--Gray-300, #D0D5DD);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    font-weight: 400 !important;
    line-height: 140%;
    /* 16.8px */
    letter-spacing: -0.24px;
    text-align: left;
}

.fi-global-search-results-ctn {
    border-radius: 4px 4px 16px 16px !important;
    border: 1px solid var(--Gray-700, #344054);
    background-color: var(--Gray-900, #101828) !important;
    box-shadow: 0px 4px 12px 0px rgba(143, 163, 176, 0.15) !important;
    padding: 0 8px 8px 8px;
    max-height: 220px !important;
}

.fi-global-search-results-ctn::-webkit-scrollbar {
    width: 7px;
    border-radius: 99px;
}

.fi-global-search-results-ctn::-webkit-scrollbar-thumb,
.fi-global-search-results-ctn::-webkit-scrollbar-thumb:hover {
    background: var(--m-azul-m);
    border-radius: 99px;
}

.fi-global-search-results-ctn .fi-global-search-result-group>*:first-child {
    background-color: var(--Gray-900, #101828);
    border: 0;
}

.fi-global-search-results-ctn .fi-global-search-result-group>*:first-child h3 {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular";
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 100%;
    /* 12px */
    padding: 20px 10px 16px 10px;
}

.fi-global-search-results-ctn .fi-global-search-result {
    border: 0;
    background-color: transparent !important;
}

.global-search-item .image img {
    width: 25px;
    height: 25px;
    border-radius: 4px;
    object-fit: cover;
}

.global-search-item .image svg {
    color: var(--Gray-300);
    transition: .3s all linear;
    width: 18px;
    height: 18px;
}

.global-search-item .info {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.global-search-item .name {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
    /* 12px */
    transition: .3s all linear;
}

.global-search-item .details {
    color: var(--Gray-500);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
    /* 12px */
    margin: 0;
}

.fi-global-search-results-ctn .fi-global-search-result-group {
    border: 0;
}

.fi-global-search-results-ctn .fi-global-search-result:hover .global-search-item .name {
    color: #fff;
}

.fi-global-search-results-ctn .fi-global-search-result:hover .global-search-item .image svg {
    color: var(--m-azul-m);
}

.fi-fo-field-wrp:has(.globalSearchFavouriteFilter) {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
}

.dynamicTableComponent .global-search-item .name,
.dynamicTableComponent .global-search-item .image svg {
    color: #fff;
}

.formNotification {
    border-radius: 16px;
    border: 1px solid var(--Gray-700, #344054);
    background-color: rgba(9, 15, 30, 0.60);
}

.formNotification .fi-section-header-heading {
    color: var(--m-azul-m, #0393E9);
    font-family: "ApercuMovistar-Regular";
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -0.4px;
    padding: 26px 20px 16px 20px;
}

.formNotification .fi-section-content .fi-fo-component-ctn {
    gap: 0;
    align-items: center;
}

.formNotification .columnTitle {
    color: var(--White, #FFF) !important;
    font-family: "ApercuMovistar-Regular" !important;
    font-size: 12px !important;
    line-height: 18px !important;
    /* 150% */
    border: 0 !important;
    background-color: transparent !important;
    -webkit-text-fill-color: var(--White, #FFF) !important;
}

.formNotification .gridRow {
    padding: 16px 24px;
    border-top: 1px solid var(--Gray-700, #344054);
}

.formNotification .gridRow .fi-fo-field-wrp-hint-label {
    color: var(--Gray-300, #D0D5DD);
    font-family: "ApercuMovistar-Regular";
    font-size: 14px;
    line-height: 120%;
    /* 16.8px */
    padding: 0;
}

.formNotification .gridRow .fi-fo-placeholder {
    color: var(--Gray-400, #98A2B3);
    !important;
    font-family: "ApercuMovistar-Regular" !important;
    font-size: 12px !important;
    line-height: 120% !important;
    padding: 0;
    border: 0 !important;
    background-color: transparent !important;
    -webkit-text-fill-color: var(--Gray-400, #98A2B3);
    !important;
}

.formNotification .gridRow .fi-fo-field-wrp>.grid {
    gap: 0;
}

input[type="checkbox"] {
    border-radius: 4px;
    border: 1px solid var(--Gray-600, #475467) !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background-image: url(../../images/icons/check.svg);
    border-color: var(--m-azul-m) !important;
}

.notificationForm button.secondary {
    border-radius: 8px;
    background: var(--Gray-900, #101828);
}

.notificationForm button .fi-btn-label {
    display: flex;
    align-items: center;
    gap: 4px;
}

.notificationCell .table__project .name {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.16px;
}

.insideOfProject svg {
    width: 18px;
    height: 18px;
    color: var(--Gray-500);
}

.insideOfProject .name {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

/* DASHBOARD */
/*.latestItems { margin-top: 32px; }*/
.latestItems .title {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Bold";
    font-size: 24px;
    font-weight: unset !important;
    line-height: normal;
    letter-spacing: -0.24px;
    margin-bottom: 16px;
}

.latestItems .latestItemsCtn .latestBox {
    min-height: 448px;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--Gray-700, #344054);
    background: rgba(9, 15, 30, 0.60);
}

.latestItems .latestItemsCtn .latestBox .topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.latestItems .latestItemsCtn .latestBox .boxTitle {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular";
    font-size: 18px;
    line-height: 110%;
    /* 19.8px */
    letter-spacing: -0.18px;
}

.latestItems .latestItemsCtn .latestBox .boxCta {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--m-azul-m, #0393E9);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
    /* 12px */
    letter-spacing: -0.12px;
    cursor: pointer;
}

.latestItems .swiper {
    padding: 2px;
}

.latestItems .tabs {
    display: flex;
    margin: 16px 0;
    align-items: center;
    width: fit-content;
    padding: 4px;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid var(--Gray-700);
    background: rgba(16, 24, 40, 0.80);
}

.latestItems .tabs .tabBtn {
    padding: 6px 12px;
    color: var(--Gray-400);
    font-family: "ApercuMovistar-Bold", sans-serif;
    font-size: 14px;
    line-height: normal;
    letter-spacing: -0.28px;
    cursor: pointer;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.latestItems .tabs .tabBtn.active {
    background-color: var(--m-azul-m);
    color: var(--Gray-900);
}

.latestItems .nav__pag {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 20px;
    margin-top: 16px;
}

.latestItems .swiper-pag {
    width: fit-content !important;
}

.latestItems .swiper-pagination-bullet {
    background: rgba(172, 224, 255, 0.2);
}

.latestItems .swiper-pagination-bullet-active {
    background: var(--m-azul-m);
}

.latestItems .noResults {
    max-width: 380px;
    margin: auto;
    text-align: center;
}

.latestItems .noResults .iconSearch {
    border-radius: 12px;
    border: 1px solid var(--Gray-600, #475467);
    background: var(--Gray-850, #172030);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    width: 56px;
    height: 56px;
    padding: 14px;
    margin: auto;
}

.latestItems .noResults .title {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "ApercuMovistar-Bold";
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.48px;
    margin: 24px 0 8px 0;
}

.latestItemsCtn {
    overflow: hidden;
    max-width: 100dvw;
    display: grid;
    grid-template-columns: calc(50% - 12px) calc(50% - 12px);
    justify-content: space-between;
}

.latestItems .noResults .description {
    color: var(--Gray-300, #D0D5DD);
    text-align: center;
    font-family: "ApercuMovistar-Regular";
    font-size: 14px;
    line-height: 140%;
}

.latestItems .noResults .cta {
    margin: 24px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    color: var(--Gray-800, #1D2939);
    font-family: "ApercuMovistar-Bold";
    font-size: 14px;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.28px;
    border-radius: 8px;
    background: var(--m-azul-m, #0393E9);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 10px 16px;
}

.latestItems .fileCardSwiper {
    padding: 12px;
    height: 100%;
    aspect-ratio: 16/9;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #D0D5DD);
    background: var(--White, #FFF);
    position: relative;
}

.latestItems .fileCardSwiper .folderName {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    color: var(--m-azul-m);
}

.latestItems .fileCardSwiper .name {
    font-family: "ApercuMovistar-Bold";
    font-size: 16px;
    font-weight: unset !important;
    line-height: 100%;
    letter-spacing: -0.16px;
}

.latestItems .fileCardSwiper .area {
    color: var(--Gray-700, #344054);
    font-family: "ApercuMovistar-Regular";
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.14px;
    margin-top: 4px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--Gray-300, #D0D5DD);
}

.latestItems .fileCardSwiper .project,
.latestItems .fileCardSwiper .details {
    color: var(--Gray-700, #344054);
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 100%;
    /* 12px */
    letter-spacing: -0.12px;
}

.latestItems .fileCardSwiper .details {
    color: var(--Gray-500, #667085);
}

.radioAsTabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px !important;
    padding: 4px;
    border-radius: 10px;
    border: 1px solid var(--Gray-700, #344054);
    background: rgba(16, 24, 40, 0.80);
    width: max-content;
}

.radioAsTabs label {
    cursor: pointer;
}

.radioAsTabs label input {
    display: none
}

.radioAsTabs label span {
    color: var(--Gray-400, #98A2B3);
    font-family: "ApercuMovistar-Bold";
    font-size: 14px;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: -0.28px;
    padding: 6px 12px;
    border-radius: 8px;
}

.radioAsTabs label:has(input:checked) span {
    background-color: var(--m-azul-m);
    color: var(--Gray-800, #1D2939);
}

.hiddenSearch .fi-ta-header-toolbar>*:not(.fi-ta-filters-above-content-ctn-btn) {
    display: none !important;
}

.fi-fo-field-wrp-label:has(.fi-checkbox-input) span,
.fi-fo-field-wrp-label:has(.fi-checkbox-input) sup {
    color: var(--Gray-300, #D0D5DD) !important;
}

.fi-fo-field-wrp-label:has(.fi-checkbox-input) a {
    text-decoration: underline;
}

.folderUploadChunks {
    border-radius: 8px;
    border: 0.5px solid var(--Gray-700, #344054) !important;
    background: rgba(23, 32, 48, 0.60);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-height: 160px;
    justify-content: center;
    padding: 16px;
}
.folderUploadChunks .uploadIcon {
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 8.571px;
    border: 0.714px solid var(--Gray-700, #344054);
    background: var(--Gray-850, #172030);
    box-shadow: 0 0.714px 1.429px 0 rgba(16, 24, 40, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.folderUploadChunks .text {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "ApercuMovistar-Regular";
    font-size: 12px;
    line-height: 130%;
    letter-spacing: -0.24px;
    max-width: 50%;
}

.uploadChunksContainer button {
    border-radius: 8px;
    border: 1px solid var(--Gray-700, #344054);
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.uploadChunksContainer button svg {
    min-width: 20px;
    max-width: 20px;
    height: 20px;
}
.uploadChunksContainer button span {
    color: var(--White, #FFF);
    font-family: "ApercuMovistar-Regular";
    font-size: 14px;
    line-height: 142%;
    letter-spacing: -0.14px;
    margin-top: 2px;
}

.fi-sidebar .fi-sidebar-item-label,
.fi-sidebar-header>*:first-child {
    display: flex !important;
}




@media screen and (max-width: 990px) {
    .customColorPicker .title {
        position: relative;
        top: 0;
        transform: none;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .customColorPicker .title {
        top: -25%;
    }
}

.modal-light-text {
    color: white;
}

/* MOBILE */
@media screen and (max-width: 900px) {
    .latestItemsCtn {
        display: block;
    }

    .radioAsTabs {
        justify-content: center;
    }

    .latestItems .latestItemsCtn .latestBox {
        min-height: auto;
    }

    .latestItems .latestItemsCtn .latestBox:not(:first-child) {
        margin-top: 24px;
    }

    .formNotification .fi-section-content-ctn {
        overflow: auto;
    }

    .formNotification .fi-section-content {
        width: max-content;
    }

    .formNotification .fi-section-content .fi-fo-component-ctn {
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .legalPages .darkPanel {
        padding: 26px;
    }

    nav .customNotificacion {
        margin-right: 0;
        margin-left: auto;
    }

    nav .trashNotification {
        margin-left: 0;
    }

    .secondaryLevelFilterGroup .secondaryLevelFilter {
        min-width: 83dvw;
    }

    .fi-modal-header {
        padding-inline: 20px !important;
    }

    .modalNavigationContent .fi-modal-content,
    .modalProjectFileContent .fi-modal-content {
        margin-inline: 20px;
    }

    .modalNavigationContent .fi-modal-header,
    .modalProjectFileContent .fi-modal-header {
        padding-inline: 20px !important;
    }

    .fi-topbar nav {
        flex-wrap: wrap;
        height: auto;
        gap: 10px;
    }

    .fi-topbar nav>.ms-auto {
        margin-left: 0 !important;
    }

    .fi-global-search-field .fi-input[type="search"] {
        width: 100%;
        min-width: 60dvw;
    }

    nav.noTrash .fi-global-search-field .fi-input[type="search"] {
        width: 100%;
        min-width: 75dvw;
    }

    main {
        padding-top: 40px;
    }

    .dynamicTableComponent .title__tabs {
        flex-direction: column;
        align-items: start !important;
        gap: 20px;
    }

    .fi-ta-header-toolbar>*:first-child {
        display: block !important;
    }

    .searchFilters {
        display: flex !important;
        gap: 20px;
        align-items: center;
    }

    .fi-ta-filters {
        display: flex !important;
        flex-direction: column;
        gap: 10px;
    }

    .dynamicTableComponent .title__tabs>*:not(.tableTitle) {
        justify-content: space-between;
    }

    .dynamicTableComponent .title__tabs>*:not(.tabs) {
        width: 100%;
        justify-content: end;
    }

    .fi-ta-actions-cell {
        opacity: 1 !important;
    }

    .customToggleGrid {
        margin-left: auto !important;
        opacity: 0;
        visibility: hidden;
        display: none !important;
    }

    .fi-modal-window {
        max-width: 100% !important;
        width: 100%;
        margin: 0;
    }

    .modalAction .icon__title .title {
        font-size: 25px;
    }

    .fi-modal-window .fi-modal-content,
    .fi-modal-window .fi-modal-footer {
        padding: 20px;
    }

    .table__lastUserAdded .image svg {
        width: 100%;
        height: 100%;
    }

    .repeater_folders .fi-fo-repeater-item .repeater_item_actions .fi-ac .fi-link:not(:last-child) {
        opacity: 1 !important;
    }

    .footer .footer_menu ul {
        flex-direction: column;
        gap: 15px;
    }

    .fi-topbar .fi-header-heading {
        font-size: 24px;
        line-height: 100%;
    }

    .fi-section .fi-section-header .grid {
        flex-direction: column;
        align-items: start;
    }

    .projectDetailsModal .upper {
        grid-template-columns: 1fr;
    }

    .projectDetailsModal .projectImage {
        display: none;
    }

    .projectDetailsModal .projectInfo {
        margin-bottom: 20px;
    }

    .projectDetailsModal .middle .flex {
        flex-direction: column;
    }

    .customNotificacion .notificationModal {
        left: 50%;
        transform: translateX(-50%) !important;
        min-width: unset;
        width: 90dvw;
        position: fixed;
        right: 0;
    }

    .customNotificacion .notificationModal::before {
        right: 15px;
        left: auto;
        opacity: 0;
        visibility: hidden;
    }

    .customNotificacion .notificationModal .results .result {
        grid-template-columns: 1fr;
    }

    .dynamicTableComponent .fi-ta-content .grid .fi-ta-record .fi-ta-actions {
        right: 17px !important;
        top: 55px !important;
    }

    .hiddenOnMobile {
        display: none !important;
    }

    .fi-main-sidebar {
        height: 100% !important;
    }

    .fi-header .fi-ac {
        margin-right: 0;
        margin-left: auto;
    }

    .fileViewContent .upper {
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .fileViewContent .nameActions {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .fileViewContent .table__groupPermission {
        justify-content: start;
        padding-inline: 0;
    }

    .fileViewContent .fi-breadcrumbs-list.onlyMobile,
    .fileViewContent .fi-breadcrumbs-list.onlyMobile .extraBreadcrumbs {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }

    .fileViewContent .fi-breadcrumbs-list.onlyMobile .extraBreadcrumbs .fi-breadcrumbs-item-separator {
        min-width: 18px;
    }

    .fileViewContent .fi-breadcrumbs-list.onlyMobile .extraBreadcrumbs .fi-breadcrumbs-item-label {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        /* number of lines to show */
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .fileViewContent .fi-breadcrumbs-list:not(.onlyMobile) {
        display: none;
    }

    .fileViewContent .fi-breadcrumbs-list.onlyMobile button {
        color: #fff !important;
        text-decoration: none;
        padding: 2px 5px 8px;
    }

    .fileViewContent .fi-breadcrumbs-list.onlyMobile button.active {
        border-radius: 4px;
        background-color: var(--m-800, #075F92);
    }

    .fileViewContent .fi-breadcrumbs-list.onlyMobile .showAllMenu {
        top: 100%;
        bottom: auto;
        left: 0;
        border-radius: 8px;
        border: 1px solid var(--Gray-700, #344054);
        background: var(--Gray-850, #172030);
        box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03);
        min-width: max-content;
    }

    .fileViewContent .fi-breadcrumbs-list.onlyMobile .showAllMenu a {
        color: var(--White, #FFF) !important;
        font-family: "ApercuMovistar-Regular";
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.11px;
        text-decoration: none;
    }

    .fileViewContent .fi-breadcrumbs-list.onlyMobile .showAllMenu li:not(:last-child) {
        margin-bottom: 10px;
    }

    .dynamicTableComponent .tableTitle>*:not(.fileViewContent) {
        display: none !important;
    }

    .dynamicTableComponent .tableTitle:has(.breadcrumb-separator) .fi-breadcrumbs-item-label {
        color: #FFF !important;
        font-family: "ApercuMovistar-Regular";
        font-size: 12px;
        line-height: 100%;
    }

    .fi-dashboard-page .shortcutCard__container {
        display: none;
    }

    .fi-dashboard-page .fi-ta-filters .grid:has(>*.radioAsTabs) {
        overflow: auto;
    }
}