[x-cloak] { display: none !important; }
/* 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-dark {
border-radius: 8px !important;
background-color: var(--Gray-1000) !important;
box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
color: #fff !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;
border: 1px solid #344054 !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-2 {
border-radius: 8px !important;
background: var(--Error-500, #F04438) !important;
box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
color: #fff !important;
border: 1px solid #F04438 !important;
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;
}
.customErrorButton-2 svg {
color: #fff !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;
max-width: 265px;
/* 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;
display: flex !important;
}
.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;
display: none;
}
.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 {
border-color: rgba(3, 147, 233, 0.3);
}
.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;
justify-content: flex-end;
}
.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,');
}
.fi-ta-ctn table thead input[type="checkbox"]:checked {
background-image: url('data:image/svg+xml,')
}
.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: 0px solid transparent !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 { background: var(--Gray-800, #1D2939) !important; }
.fi-fo-toggle[aria-checked="true"] {
background-color: var(--m-azul-m) !important;
}
.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,')
}
.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.notificationModal .fi-modal-content { padding-top: 24px; }
.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-reverse;
}
.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 {
overflow-x: hidden;
}
.repeater_contactList::-webkit-scrollbar-corner {
background: transparent;
}
.repeater_contactList .fi-fo-repeater-item-content {
flex: 1 1 auto;
min-width: 0;
}
.repeater_contactList .table__lastUserAdded .image {
flex-shrink: 0;
}
.repeater_contactList .table__lastUserAdded .info {
flex: 1 1 auto;
min-width: 0;
}
.repeater_contactList .table__lastUserAdded .name {
min-width: 0;
}
.repeater_contactList .table__lastUserAdded .role {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.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;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item {
align-items: center;
gap: 12px;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item-content {
width: calc(100% - 36px);
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item-header {
flex-shrink: 0;
display: flex;
align-items: center;
}
.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;
min-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 */
.projectCardWrapper {
display: flex;
flex-direction: column;
height: 100%;
border-radius: 8px;
border: 1px solid var(--Gray-300, #D0D5DD);
overflow: hidden;
box-shadow: 0px 0px 0px 0px var(--m-azul-m);
transition: .3s all linear;
}
.projectCard {
position: relative;
flex: 1;
background-color: red;
background-position: center;
background-size: cover;
border-radius: 8px;
overflow: hidden;
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;
}
.projectCardWrapper:hover,
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(input[type="checkbox"]:checked) .projectCardWrapper {
box-shadow: 0px 0px 0px 2px var(--m-azul-m);
}
.projectCardWrapper:hover .overlay,
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(input[type="checkbox"]:checked) .projectCardWrapper .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,
.projectCardWrapper > .info {
padding: 8px 12px;
background-color: #F9FAFB;
min-height: 50px;
}
.projectCard .name,
.projectCardWrapper > .info .name {
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Bold";
font-size: 16px;
line-height: 90%;
margin-bottom: 8px;
text-align: left;
}
.projectCard .extras,
.projectCardWrapper > .info .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%;
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: #fff;
}
/* Carpetas Card Grid */
.fileCardWrapper {
display: flex;
flex-direction: column;
gap: 8px;
height: 100%;
}
.fileCard {
padding: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
border-radius: 8px;
border: 1px solid var(--Gray-300, #D0D5DD);
background-color: rgba(255, 255, 255, .02);
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
aspect-ratio: 16/9;
overflow: hidden;
transition: .3s box-shadow linear;
}
.fileCard.overlay {
background-color: transparent;
}
.fileCard.overlay::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, 0) 35%);
pointer-events: none;
}
.fileCardWrapper:hover .fileCard,
.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;
z-index: 1;
}
.fileCard .actions>* {
color: #fff;
padding: 10px;
box-sizing: content-box;
cursor: pointer;
}
.fileCardWrapper .details {
display: flex;
align-items: end;
justify-content: space-between;
gap: 8px;
}
.fileCardWrapper .folderName {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
}
.fileCardWrapper .folderName .icon {
width: 32px;
height: 32px;
}
.fileCardWrapper .folderName .name {
font-family: "ApercuMovistar-Regular";
font-size: 14px;
line-height: 110%;
letter-spacing: -0.14px;
}
.fileCardWrapper .icon {
width: 16px;
height: 16px;
flex-shrink: 0;
}
.fileCardWrapper .iconFile {
width: 32px;
height: 32px;
flex-shrink: 0;
}
.fileCardWrapper .iconFile svg {
width: 100%;
height: 100%;
}
.fileCardWrapper .name {
font-family: "ApercuMovistar-Bold";
font-size: 16px;
font-weight: unset !important;
line-height: 100%;
letter-spacing: -0.16px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow-wrap: anywhere;
min-width: 0;
}
.fileCardWrapper .fileName .texts {
flex: 1;
min-width: 0;
}
.fileCardWrapper .fileName {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
}
.fileCardWrapper .fileName .name {
color: #fff;
font-family: "ApercuMovistar-Regular";
font-size: 14px;
line-height: 110%;
letter-spacing: -0.14px;
margin-bottom: 3px;
}
.fileCardWrapper .fileName .size {
color: #fff;
font-family: "ApercuMovistar-Regular";
font-size: 12px;
line-height: 100%;
letter-spacing: -0.12px;
}
.fileCardWrapper .info {
position: relative;
flex-shrink: 0;
cursor: pointer;
line-height: 0;
}
.fileCardWrapper .info .icon {
width: 12px;
height: 12px;
color: #fff;
}
.fileCardWrapper .info .infoTooltip {
position: absolute;
bottom: calc(100% + 8px);
background-color: #fff;
width: 210px;
padding: 12px;
border-radius: 16px;
right: -12px;
transition: .3s all linear;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 10;
}
.fileCardWrapper .info:hover .infoTooltip {
opacity: 1;
visibility: visible;
}
.fileCardWrapper .info .infoTooltip>* {
color: var(--Gray-800, #1D2939);
font-family: "ApercuMovistar-Regular";
font-size: 10px;
line-height: 140%;
letter-spacing: -0.2px;
}
.fileCardWrapper .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;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item-content [id] {
column-gap: 8px !important;
align-items: center !important;
}
.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 {
width: min(480px, calc(100vw - 32px)) !important;
max-width: none !important;
max-height: min(70vh, 560px) !important;
margin-top: 8px;
padding: 6px !important;
overflow-x: hidden !important;
overflow-y: auto;
border-radius: 14px !important;
border: 1px solid var(--Gray-700, #344054);
background-color: var(--Gray-900, #101828) !important;
box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(3, 147, 233, 0.08) !important;
scrollbar-width: thin;
scrollbar-color: var(--m-azul-m) transparent;
}
.fi-global-search-results-ctn::-webkit-scrollbar {
width: 6px;
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-results-list {
display: flex;
flex-direction: column;
gap: 6px;
}
.fi-global-search-results-ctn .fi-global-search-result-group > *:first-child {
position: sticky;
top: -6px;
z-index: 1;
background-color: var(--Gray-900, #101828);
border: 0;
}
.fi-global-search-results-ctn .fi-global-search-result-group > *:first-child h3 {
padding: 10px 10px 6px;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Bold", sans-serif;
font-weight: 400 !important;
font-size: 11px;
line-height: 1;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.fi-global-search-results-ctn .fi-global-search-result-group > ul {
display: flex;
flex-direction: column;
gap: 2px;
}
.fi-global-search-results-ctn .fi-global-search-result-group > ul > * {
border-color: transparent !important;
}
.fi-global-search-results-ctn .fi-global-search-result {
border: 0;
border-radius: 10px;
background-color: transparent !important;
transition: background-color 0.15s ease;
}
.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,
.fi-global-search-results-ctn .fi-global-search-result:focus-within {
background-color: rgba(3, 147, 233, 0.12) !important;
}
.fi-global-search-results-ctn .fi-global-search-result-link {
padding: 8px 10px !important;
}
.fi-global-search-results-ctn .fi-global-search-result-link h4 {
font-weight: inherit;
}
.fi-global-search-results-ctn .global-search-item {
width: 100%;
min-width: 0;
gap: 12px;
}
.fi-global-search-results-ctn .global-search-item .image {
display: flex;
flex: 0 0 36px;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
overflow: hidden;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.06);
background: rgba(255, 255, 255, 0.04);
}
.fi-global-search-results-ctn .global-search-item .image img {
width: 100%;
height: 100%;
border-radius: 0;
object-fit: cover;
}
.fi-global-search-results-ctn .global-search-item .image svg {
width: 20px;
height: 20px;
color: var(--Gray-300, #D0D5DD);
}
.fi-global-search-results-ctn .global-search-item .info {
flex: 1 1 auto;
min-width: 0;
gap: 4px;
}
.fi-global-search-results-ctn .global-search-item .name,
.fi-global-search-results-ctn .global-search-item .details {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fi-global-search-results-ctn .global-search-item .name {
color: var(--White, #FFF);
font-size: 14px;
line-height: 1.3;
}
.fi-global-search-results-ctn .global-search-item .details {
color: var(--Gray-400, #98A2B3);
font-size: 12px;
line-height: 1.3;
}
.fi-global-search-results-ctn .fi-global-search-result:hover .global-search-item .image svg,
.fi-global-search-results-ctn .fi-global-search-result:focus-within .global-search-item .image svg {
color: var(--m-azul-m);
}
.fi-global-search-results-ctn .fi-global-search-see-all {
position: sticky;
bottom: -6px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
margin: 6px -6px -6px;
padding: 12px;
border-top: 1px solid var(--Gray-800, #1D2939);
background-color: var(--Gray-900, #101828);
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 13px;
transition: background-color 0.15s ease;
}
.fi-global-search-results-ctn .fi-global-search-see-all:hover,
.fi-global-search-results-ctn .fi-global-search-see-all:focus-visible {
background-color: rgba(3, 147, 233, 0.12);
}
.fi-global-search-results-ctn .fi-global-search-see-all-icon {
width: 16px;
height: 16px;
}
.fi-global-search-results-ctn .fi-global-search-no-results-message {
padding: 16px 12px;
color: var(--Gray-400, #98A2B3);
}
.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);
border: 1px solid var(--Gray-700, #344054);
}
.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 .swiper:not(.swiper-initialized) .swiper-wrapper,
.latestItems .latestItems__page {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-content: start;
gap: 16px;
}
.latestItems .swiper:not(.swiper-initialized) .swiper-wrapper > * {
width: auto;
}
.latestItems .swiper:not(.swiper-initialized) .swiper-wrapper > .swiper-slide:nth-child(n+3) {
display: none;
}
@media (min-width: 700px) and (max-width: 1199px) {
.latestItems .swiper:not(.swiper-initialized) .swiper-wrapper,
.latestItems .latestItems__page {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
.latestItems .swiper:not(.swiper-initialized) .swiper-wrapper,
.latestItems .latestItems__page {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.latestItems .swiper:not(.swiper-initialized) .swiper-wrapper > .swiper-slide:nth-child(-n+4) {
display: block;
}
}
.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: 1199px) {
.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;
flex: 1 1 150px;
min-width: 0;
}
.fi-topbar nav>.ms-auto .fi-global-search,
.fi-topbar nav>.ms-auto .fi-global-search-field {
flex: 1 1 auto;
width: 100%;
min-width: 0;
}
.fi-topbar nav>.customNotificacion {
flex: 0 0 auto;
}
.fi-topbar nav>.fi-header-heading {
flex: 1 0 calc(100% - 56px);
}
.fi-global-search-field .fi-input[type="search"],
nav.noTrash .fi-global-search-field .fi-input[type="search"] {
width: 100%;
min-width: 0;
}
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):not(.tableTitleCount):not(.tableTitleHighlight) {
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;
}
}
/* NUEVOS ESTILOS FEBRERO 2026 - AJUSTES */
.secondaryLevelFilterGroup { min-width: unset !important; }
.fi-ta-filters.filtersOpenCtn { margin-top: 20px; }
.fi-global-search-field .fi-input-wrp-prefix,
.fi-fo-component-ctn .fi-input-wrp-prefix { position: absolute; top: 50%; transform: translateY(-50%); border: 0 !important; }
.fi-input-wrp-suffix { position: absolute; top: 50%; transform: translateY(-50%); border: 0 !important; right: 0; }
.fi-global-search-field .fi-input[type="search"],
.fi-fo-component-ctn .fi-input[type="search"],
.fi-fo-component-ctn .choices__inner {padding-left: 40px; }
.fi-fo-component-ctn .fi-input-wrp:not(:has(.fi-input-wrp-prefix)) .choices[data-type*="select-multiple"] .choices__inner { padding-left: 12px; }
.fi-fo-component-ctn .choices.is-disabled[data-type*="select-multiple"] .choices__input--cloned { display: none; }
.fi-ta-header-toolbar { display: none; }
.fi-pagination-records-per-page-select .fi-input-wrp-prefix { border: 0 !important; }
.fi-modal-footer-actions { justify-content: end; }
/* ANALITICAS */
.customChips_2 .fi-ta-text-item-label {
color: var(--m-700, #006EAE);
font-family: 'ApercuMovistar-Regular', sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 70%; /* 7px */
letter-spacing: -0.3px;
padding: 5px 6px;
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);
}
.insideOfProject_2 svg {
width: 24px;
height: 24px;
color: var(--m-azul-m);
}
.insideOfProject_2 .name {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.centeredContent * {
justify-content: center !important;
}
.infoCardItem {
padding: 16px 12px;
border-radius: 8px;
border: 0.767px solid var(--Gray-700, #344054);
background: rgba(29, 41, 57, 0.80);
}
.infoCardItem .icon {
min-width: 16px;
height: 16px;
max-width: 16px;
color: #0393E9;
}
.infoCardItem .titleCard {
color: #B7B7B7;
font-family: "ApercuMovistar-Regular";
font-size: 14px;
line-height: normal;
letter-spacing: -0.28px;
}
.infoCardItem .titleValue {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold";
font-size: 14px;
line-height: normal;
letter-spacing: -0.28px;
}
.videoTrackingTitle {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular";
font-size: 24px;
line-height: 110%;
letter-spacing: -0.24px;
}
.videoTrackingIcon {
min-width: 26px;
max-width: 26px;
height: 26px;
}
.infoTitle {
color: #B7B7B7;
font-family: "ApercuMovistar-Regular";
font-size: 12px;
line-height: normal;
letter-spacing: -0.24px;
}
.videoTrackingThumbnail {
width: 100%;
height: 146px;
border-radius: 16px;
object-position: center;
object-fit: cover;
}
.infoValue {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular";
font-size: 12px;
line-height: normal;
letter-spacing: -0.24px;
}
.sharedWith {
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular";
font-size: 12px;
line-height: 100%;
}
.custom-chart-canvas {
max-width: 100% !important;
}
.filament-widgets-widget { background: rgba(9, 15, 30, 0.60) !important; border: 1px solid var(--Gray-700) !important; }
.notificationModal div:has(>.fi-modal-icon) { background-color: transparent !important; padding: 0 !important; }
.notificationModal .fi-modal-header { gap: 6px !important; }
.notificationModal .formNotification .sectionTitle {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold";
font-size: 16px;
line-height: 100%;
}
.notificationModal .formNotification .navigationSection { align-items: center; padding-bottom: 12px; border-bottom: 1px solid var(--Gray-600, #475467); margin-bottom: 24px; }
.notificationModal .formNotification .titleName > span {
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular";
font-size: 12px;
line-height: 100%;
}
.notificationModal .formNotification .titleName svg {
width: 16px;
height: 16px;
}
.notificationModal .formNotification .projectChip {
border-radius: 8px;
border: 1px solid rgba(228, 231, 236, .5);
box-shadow: 0 2px 2px -1px rgba(10, 13, 18, 0.10);
padding: 8px;
}
.notificationModal .formNotification .titleName {
color: var(--Gray-200, #E4E7EC);
font-family: "ApercuMovistar-Regular";
font-size: 12px;
line-height: 160%;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxListParent {
width: 100%;
margin: auto;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxListParent .megaCheboxList_input {
padding: 6px 27px 6px 6px !important;
border-radius: 6px !important;
border: 1px solid var(--Gray-700, #344054) !important;
background-color: var(--Gray-850, #172030) !important;
text-align: left;
background-position: 94% center;
}
.megaCheboxList_input.open { background-image: url(../../images/icons/chevron-up.svg); }
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper.open {
max-width: 225px;
margin-top: 3px;
max-height: 220px;
overflow: auto;
min-width: 100%;
z-index: 11;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper.open::-webkit-scrollbar {
width: 7px;
border-radius: 99px;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper.open::-webkit-scrollbar-thumb,
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper.open::-webkit-scrollbar-thumb:hover {
background: var(--m-azul-m);
border-radius: 99px;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper.open::-webkit-scrollbar-track {
background: #F2F4F7;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
background-clip: padding-box;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper.open .fi-input[type="search"] {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular";
font-size: 14px;
line-height: 20px;
letter-spacing: -0.14px;
padding-left: 25px;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper.open .fi-input-wrp-prefix { padding-left: 0; }
.notificationModal .formNotification .fi-section-content .fi-fo-component-ctn { column-gap: 18px; }
/* Carrito */
.cartNotification .modalTrigger {
display: inline-block;
vertical-align: top;
line-height: 0;
}
.cartProjectRow {
padding: 16px 12px;
}
.cartProjectRow .cartProjectCover {
width: 43px;
height: 43px;
flex-shrink: 0;
border-radius: 8px;
background-color: var(--Gray-700, #344054);
background-position: center;
background-size: cover;
}
/* Columna de varios proyectos (envÃos) */
.table__projects .images {
display: flex;
flex-shrink: 0;
}
.table__projects .images .image {
border: 2px solid var(--Gray-900, #101828);
}
.table__projects .images .image:not(:first-child) {
margin-left: -18px;
}
.table__projects .info .names {
max-width: 260px;
overflow: hidden;
color: var(--Gray-400, #98A2B3);
font-size: 12px;
line-height: 16px;
text-overflow: ellipsis;
white-space: nowrap;
}
.anonymousBreadcrumbsWrapper {
margin: 20px 0 24px;
}
.anonymousBrowserToolbar {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
padding: 0 20px 16px;
}
.anonymousDownloadAll {
display: inline-flex;
border: 1px solid var(--m-azul-m, #0393E9);
border-radius: 8px;
cursor: pointer;
align-items: center;
gap: 8px;
height: 38px;
padding: 0 14px;
background: transparent;
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 100%;
letter-spacing: -0.12px;
transition: opacity 0.15s;
}
.anonymousDownloadAll:hover {
opacity: 0.8;
}
.anonymousDownloadAll.is-downloading {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.anonymousDownloadAll .icon {
width: 16px;
height: 16px;
}
.anonymousLayoutToggle {
display: flex;
gap: 4px;
padding: 4px;
border-radius: 8px;
border: 1px solid var(--Gray-700, #344054);
}
.anonymousLayoutToggle a {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 28px;
border-radius: 6px;
color: #fff;
}
.anonymousLayoutToggle a.active {
background: var(--m-azul-m, #0393E9);
}
.anonymousLayoutToggle .icon {
width: 16px;
height: 16px;
}
.anonymousEntryRow {
padding: 16px 12px;
}
.fileViewHeaderCtn:has(.anonymousFileNavigation) {
position: relative;
}
.fileViewHeaderCtn .anonymousFileNavigation {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 1199px) {
.fileViewHeaderCtn .anonymousFileNavigation {
position: static;
transform: none;
width: 100%;
justify-content: space-between;
}
.fileViewHeaderCtn .fileViewHeader,
.fileViewHeaderCtn .fileViewHeader .nameIcon {
min-width: 0;
max-width: 100%;
}
.fileViewHeaderCtn .fileViewHeader .name {
overflow-wrap: anywhere;
}
}
.audioPlayer {
width: 100%;
max-width: 820px;
margin: 24px auto;
padding: 24px;
border-radius: 16px;
border: 1px solid var(--Gray-700, #344054);
background: linear-gradient(180deg, var(--Gray-850, #172030) 0%, var(--Gray-900, #101828) 100%);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
outline: none;
}
.audioPlayer:focus-visible {
border-color: var(--m-azul-m, #0393E9);
}
.audioPlayer audio {
display: none;
}
.audioPlayer [x-cloak] {
display: none !important;
}
.audioPlayer__wave {
display: flex;
align-items: center;
gap: 3px;
height: 96px;
padding: 0 4px;
cursor: pointer;
}
.audioPlayer__bar {
flex: 1 1 0;
min-width: 2px;
border-radius: 99px;
background: var(--Gray-700, #344054);
transition: height 0.12s ease-out, background-color 0.2s linear;
}
.audioPlayer__bar.is-played {
background: var(--m-azul-m, #0393E9);
}
.audioPlayer__wave.is-playing .audioPlayer__bar.is-played {
background: linear-gradient(180deg, #5BC2FF 0%, var(--m-azul-m, #0393E9) 100%);
}
.audioPlayer__controls {
display: flex;
align-items: center;
gap: 20px;
margin-top: 20px;
}
.audioPlayer__transport,
.audioPlayer__extras {
display: flex;
align-items: center;
gap: 10px;
flex: 0 0 auto;
}
.audioPlayer__timeline {
display: flex;
align-items: center;
gap: 12px;
flex: 1 1 auto;
min-width: 0;
}
.audioPlayer__playButton {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 99px;
background: var(--m-azul-m, #0393E9);
color: var(--White, #FFF);
box-shadow: 0 6px 18px rgba(3, 147, 233, 0.4);
transition: transform 0.15s ease, background-color 0.15s ease;
}
.audioPlayer__playButton:hover {
background: #0284D2;
transform: scale(1.05);
}
.audioPlayer__playIcon {
width: 24px;
height: 24px;
}
.audioPlayer__iconButton {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 99px;
color: var(--Gray-300, #D0D5DD);
transition: background-color 0.15s ease, color 0.15s ease;
}
.audioPlayer__iconButton:hover {
color: var(--White, #FFF);
background: rgba(3, 147, 233, 0.15);
}
.audioPlayer__icon {
width: 20px;
height: 20px;
}
.audioPlayer__time {
min-width: 40px;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
font-variant-numeric: tabular-nums;
text-align: center;
}
.audioPlayer__rate {
min-width: 44px;
padding: 6px 8px;
border-radius: 8px;
border: 1px solid var(--Gray-700, #344054);
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 12px;
transition: border-color 0.15s ease, color 0.15s ease;
}
.audioPlayer__rate:hover {
border-color: var(--m-azul-m, #0393E9);
color: var(--White, #FFF);
}
.audioPlayer__range {
-webkit-appearance: none;
appearance: none;
height: 4px;
border-radius: 99px;
background: linear-gradient(90deg, var(--m-azul-m, #0393E9) var(--fill, 0%), var(--Gray-700, #344054) var(--fill, 0%));
cursor: pointer;
}
.audioPlayer__progress {
flex: 1 1 auto;
min-width: 0;
}
.audioPlayer__volume {
width: 84px;
}
.audioPlayer__range::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 14px;
height: 14px;
border-radius: 99px;
border: 2px solid var(--White, #FFF);
background: var(--m-azul-m, #0393E9);
box-shadow: 0 0 0 4px rgba(3, 147, 233, 0.25);
}
.audioPlayer__range::-moz-range-thumb {
width: 12px;
height: 12px;
border-radius: 99px;
border: 2px solid var(--White, #FFF);
background: var(--m-azul-m, #0393E9);
}
@media screen and (max-width: 1199px) {
.audioPlayer {
padding: 16px;
}
.audioPlayer__wave {
height: 72px;
gap: 2px;
}
.audioPlayer__controls {
flex-wrap: wrap;
justify-content: center;
gap: 14px;
}
.audioPlayer__timeline {
order: -1;
flex: 1 0 100%;
}
.audioPlayer__volume {
display: none;
}
}
.pdfViewer {
display: flex;
flex-direction: column;
width: 100%;
height: 800px;
border-radius: 16px;
border: 1px solid var(--Gray-800, #1D2939);
background: #0B111D;
overflow: hidden;
outline: none;
}
.pdfViewer.is-fullscreen {
height: 100vh;
border-radius: 0;
border: 0;
}
.pdfViewer__toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px 18px 12px;
background: #0B111D;
}
.pdfViewer__tools {
display: flex;
align-items: center;
gap: 16px;
}
.pdfViewer__pill {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 10px 6px 14px;
border-radius: 10px;
background: var(--Gray-850, #172030);
}
.pdfViewer__tools .pdfViewer__pill {
padding-left: 10px;
}
.pdfViewer__label {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
white-space: nowrap;
}
.pdfViewer__select {
position: relative;
display: inline-flex;
align-items: center;
}
.pdfViewer .pdfViewer__select select {
-webkit-appearance: none;
appearance: none;
min-width: 52px;
height: 32px;
padding: 0 28px 0 12px;
border-radius: 8px;
border: 1px solid var(--Gray-500, #667085) !important;
background: transparent !important;
background-image: none !important;
color: var(--White, #FFF) !important;
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
line-height: 30px;
box-shadow: none !important;
cursor: pointer;
}
.pdfViewer .pdfViewer__select--zoom select {
min-width: 84px;
}
.pdfViewer .pdfViewer__select select:hover,
.pdfViewer .pdfViewer__select select:focus {
outline: none;
border-color: var(--White, #FFF) !important;
}
.pdfViewer .pdfViewer__select select option {
background: var(--Gray-900, #101828);
color: var(--White, #FFF);
}
.pdfViewer__selectIcon {
position: absolute;
right: 8px;
width: 14px;
height: 14px;
color: var(--White, #FFF);
pointer-events: none;
}
.pdfViewer__button {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 8px;
color: var(--White, #FFF);
transition: background-color 0.15s ease, color 0.15s ease;
}
.pdfViewer__button:hover:not(:disabled) {
color: var(--m-azul-m, #0393E9);
}
.pdfViewer__button:disabled {
color: var(--Gray-600, #475467);
cursor: not-allowed;
}
.pdfViewer__button--plain {
width: 36px;
height: 36px;
}
.pdfViewer__icon {
width: 20px;
height: 20px;
}
.pdfViewer__icon--large {
width: 24px;
height: 24px;
}
.pdfViewer__body {
position: relative;
display: flex;
flex: 1 1 auto;
min-height: 0;
}
.pdfViewer__pages {
position: relative;
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: center;
gap: 16px;
min-width: 0;
padding: 4px 16px 16px;
overflow: auto;
background: #0B111D;
scrollbar-width: thin;
scrollbar-color: var(--m-azul-m, #0393E9) transparent;
}
.pdfViewer__pages::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.pdfViewer__pages::-webkit-scrollbar-track {
background: transparent;
}
.pdfViewer__pages::-webkit-scrollbar-thumb {
border-radius: 99px;
background: var(--m-azul-m, #0393E9);
}
.pdfViewer__page {
position: relative;
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
overflow: hidden;
background: var(--White, #FFF);
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
}
.pdfViewer__page canvas {
display: block;
}
.pdfViewer__pageSpinner {
width: 28px;
height: 28px;
border-radius: 99px;
border: 3px solid rgba(3, 147, 233, 0.2);
border-top-color: var(--m-azul-m, #0393E9);
animation: pdfViewerSpin 0.8s linear infinite;
}
.pdfViewer__status {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
}
.pdfViewer__status[hidden] {
display: none;
}
.pdfViewer__status.is-error {
color: var(--Error-500, #F04438);
}
@keyframes pdfViewerSpin {
to {
transform: rotate(360deg);
}
}
@media screen and (max-width: 1199px) {
.pdfViewer {
height: 70vh;
}
.pdfViewer__toolbar {
padding: 10px;
gap: 8px;
}
.pdfViewer__tools {
gap: 8px;
}
.pdfViewer__pill {
padding: 4px 8px;
gap: 6px;
}
.pdfViewer .pdfViewer__select--zoom,
.pdfViewer .pdfViewer__button--plain {
display: none;
}
}
.videoPlayer {
position: relative;
width: 100%;
height: 500px;
border-radius: 16px;
border: 1px solid var(--Gray-800, #1D2939);
background: #000;
overflow: hidden;
outline: none;
}
.videoPlayer:focus-visible {
border-color: var(--m-azul-m, #0393E9);
}
.videoPlayer.is-fullscreen {
height: 100vh;
border: 0;
border-radius: 0;
}
.videoPlayer.is-idle {
cursor: none;
}
.videoPlayer [x-cloak] {
display: none !important;
}
.videoPlayer__media {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
background: #000;
cursor: pointer;
}
.videoPlayer__bigPlay {
position: absolute;
top: 50%;
left: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 76px;
height: 76px;
border-radius: 99px;
background: var(--m-azul-m, #0393E9);
color: var(--White, #FFF);
box-shadow: 0 0 0 10px rgba(3, 147, 233, 0.2), 0 12px 32px rgba(0, 0, 0, 0.5);
transform: translate(-50%, -50%);
transition: transform 0.15s ease, background-color 0.15s ease;
}
.videoPlayer__bigPlay:hover {
background: #0284D2;
transform: translate(-50%, -50%) scale(1.06);
}
.videoPlayer__bigPlayIcon {
width: 34px;
height: 34px;
margin-left: 4px;
}
.videoPlayer__spinner {
position: absolute;
top: 50%;
left: 50%;
width: 48px;
height: 48px;
margin: -24px 0 0 -24px;
border-radius: 99px;
border: 4px solid rgba(3, 147, 233, 0.25);
border-top-color: var(--m-azul-m, #0393E9);
animation: videoPlayerSpin 0.8s linear infinite;
pointer-events: none;
}
.videoPlayer__controls {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 36px 18px 12px;
background: linear-gradient(180deg, rgba(11, 17, 29, 0) 0%, rgba(11, 17, 29, 0.85) 60%, rgba(11, 17, 29, 0.95) 100%);
opacity: 0;
transform: translateY(6px);
transition: opacity 0.2s ease, transform 0.2s ease;
}
.videoPlayer:not(.is-started) .videoPlayer__controls,
.videoPlayer:not(.is-playing) .videoPlayer__controls,
.videoPlayer.is-playing:not(.is-idle) .videoPlayer__controls,
.videoPlayer:focus-within .videoPlayer__controls {
opacity: 1;
transform: none;
}
.videoPlayer.is-idle .videoPlayer__controls {
opacity: 0;
transform: translateY(6px);
}
.videoPlayer__progress,
.videoPlayer__volumeRange {
-webkit-appearance: none;
appearance: none;
height: 4px;
border-radius: 99px;
cursor: pointer;
}
.videoPlayer__progress {
display: block;
width: 100%;
margin-bottom: 10px;
background: linear-gradient(90deg, var(--m-azul-m, #0393E9) var(--fill, 0%), rgba(255, 255, 255, 0.4) var(--fill, 0%), rgba(255, 255, 255, 0.4) var(--buffer, 0%), rgba(255, 255, 255, 0.18) var(--buffer, 0%));
transition: height 0.15s ease;
}
.videoPlayer__progress:hover {
height: 6px;
}
.videoPlayer__progress:disabled {
cursor: default;
}
.videoPlayer__volumeRange {
width: 0;
opacity: 0;
background: linear-gradient(90deg, var(--m-azul-m, #0393E9) var(--fill, 0%), rgba(255, 255, 255, 0.3) var(--fill, 0%));
transition: width 0.2s ease, opacity 0.2s ease;
}
.videoPlayer__volume:hover .videoPlayer__volumeRange,
.videoPlayer__volumeRange:focus {
width: 84px;
opacity: 1;
}
.videoPlayer__progress::-webkit-slider-thumb,
.videoPlayer__volumeRange::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 14px;
height: 14px;
border-radius: 99px;
border: 2px solid var(--White, #FFF);
background: var(--m-azul-m, #0393E9);
box-shadow: 0 0 0 4px rgba(3, 147, 233, 0.25);
}
.videoPlayer__progress::-moz-range-thumb,
.videoPlayer__volumeRange::-moz-range-thumb {
width: 12px;
height: 12px;
border-radius: 99px;
border: 2px solid var(--White, #FFF);
background: var(--m-azul-m, #0393E9);
}
.videoPlayer__progress:disabled::-webkit-slider-thumb {
display: none;
}
.videoPlayer__bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.videoPlayer__group {
display: flex;
align-items: center;
gap: 4px;
min-width: 0;
}
.videoPlayer__volume {
display: flex;
align-items: center;
gap: 6px;
}
.videoPlayer__button {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 99px;
color: var(--White, #FFF);
transition: background-color 0.15s ease, color 0.15s ease;
}
.videoPlayer__button:hover {
color: var(--m-azul-m, #0393E9);
background: rgba(255, 255, 255, 0.08);
}
.videoPlayer__icon {
width: 20px;
height: 20px;
}
.videoPlayer__time {
margin-left: 8px;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.videoPlayer__rate {
min-width: 42px;
margin-right: 4px;
padding: 5px 8px;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.35);
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 12px;
transition: border-color 0.15s ease, color 0.15s ease;
}
.videoPlayer__rate:hover {
border-color: var(--m-azul-m, #0393E9);
color: var(--m-azul-m, #0393E9);
}
@keyframes videoPlayerSpin {
to {
transform: rotate(360deg);
}
}
@media screen and (max-width: 1199px) {
.videoPlayer {
height: auto;
aspect-ratio: 16 / 9;
}
.videoPlayer.is-fullscreen {
height: 100vh;
aspect-ratio: auto;
}
.videoPlayer__controls {
padding: 28px 10px 8px;
}
.videoPlayer__bigPlay {
width: 60px;
height: 60px;
}
.videoPlayer__bigPlayIcon {
width: 26px;
height: 26px;
}
.videoPlayer__volumeRange,
.videoPlayer__rate {
display: none;
}
.videoPlayer__button {
width: 32px;
height: 32px;
}
}
.file-preview-wrapper:has(.documentViewer),
.file-preview-content:has(> .documentViewer),
.fileContainer:has(> .documentViewer),
.file-preview-wrapper:has(.imageViewer),
.file-preview-content:has(> .imageViewer),
.fileContainer:has(> .imageViewer) {
min-width: 0;
max-width: 100%;
}
.documentViewer {
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
min-width: 0;
height: 800px;
border-radius: 16px;
border: 1px solid var(--Gray-800, #1D2939);
background: #0B111D;
overflow: hidden;
outline: none;
}
.documentViewer.is-fullscreen {
height: 100vh;
border-radius: 0;
border: 0;
}
.documentViewer__toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px 18px 12px;
}
.documentViewer__tools {
display: flex;
align-items: center;
gap: 16px;
}
.documentViewer__pill {
display: flex;
align-items: center;
gap: 10px;
padding: 6px 12px;
border-radius: 10px;
background: var(--Gray-850, #172030);
min-width: 0;
}
.documentViewer__label {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
white-space: nowrap;
}
.documentViewer__badge {
padding: 2px 8px;
border-radius: 6px;
background: rgba(3, 147, 233, 0.15);
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 11px;
letter-spacing: 0.04em;
}
.documentViewer__readonly {
display: inline-flex;
align-items: center;
gap: 4px;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
white-space: nowrap;
}
.documentViewer__lock {
width: 14px;
height: 14px;
}
.documentViewer__button {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 8px;
color: var(--White, #FFF);
transition: color 0.15s ease;
}
.documentViewer__button:hover:not(:disabled) {
color: var(--m-azul-m, #0393E9);
}
.documentViewer__button:disabled {
color: var(--Gray-600, #475467);
cursor: not-allowed;
}
.documentViewer__button--plain {
width: 36px;
height: 36px;
}
.documentViewer__icon {
width: 20px;
height: 20px;
color: var(--White, #FFF);
}
.documentViewer__button:hover:not(:disabled) .documentViewer__icon {
color: var(--m-azul-m, #0393E9);
}
.documentViewer__button:disabled .documentViewer__icon {
color: var(--Gray-600, #475467);
}
.documentViewer__icon--large {
width: 24px;
height: 24px;
}
.documentViewer__zoom {
min-width: 44px;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
text-align: center;
font-variant-numeric: tabular-nums;
}
.documentViewer__info {
margin: 0 18px 10px;
padding: 8px 12px;
border-radius: 8px;
border: 1px solid rgba(253, 176, 34, 0.4);
background: rgba(253, 176, 34, 0.08);
color: #FEC84B;
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
}
.documentViewer__info[hidden] {
display: none;
}
.documentViewer__viewport {
position: relative;
flex: 1 1 auto;
min-height: 0;
margin: 0 16px 16px;
overflow: auto;
border-radius: 8px;
scrollbar-width: thin;
scrollbar-color: var(--m-azul-m, #0393E9) transparent;
}
.documentViewer__viewport::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.documentViewer__viewport::-webkit-scrollbar-thumb {
border-radius: 99px;
background: var(--m-azul-m, #0393E9);
}
.documentViewer__viewport::-webkit-scrollbar-track {
background: transparent;
}
.documentViewer__status {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
}
.documentViewer__status[hidden] {
display: none;
}
.documentViewer__status.is-error {
color: var(--Error-500, #F04438);
}
.documentViewer--sheet .documentViewer__viewport {
background: var(--White, #FFF);
margin-bottom: 0;
border-radius: 8px 8px 0 0;
}
.documentViewer__sheet {
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
background: var(--White, #FFF);
color: #101828;
font-family: "Segoe UI", Calibri, Arial, sans-serif;
font-size: 13px;
}
.documentViewer__sheet th,
.documentViewer__sheet td {
height: 24px;
padding: 2px 6px;
border-right: 1px solid #E4E7EC;
border-bottom: 1px solid #E4E7EC;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
}
.documentViewer__sheet td.is-number {
text-align: right;
font-variant-numeric: tabular-nums;
}
.documentViewer__sheet thead th {
position: sticky;
top: 0;
z-index: 2;
background: #F2F4F7;
color: #475467;
font-weight: 600;
text-align: center;
border-bottom-color: #D0D5DD;
}
.documentViewer__sheet tbody th {
position: sticky;
left: 0;
z-index: 1;
background: #F2F4F7;
color: #475467;
font-weight: 600;
text-align: center;
border-right-color: #D0D5DD;
}
.documentViewer__sheet thead th:first-child {
left: 0;
z-index: 3;
}
.documentViewer__sheet tbody tr:hover td {
background: rgba(3, 147, 233, 0.06);
}
.documentViewer__empty {
padding: 48px;
color: #475467;
font-family: "ApercuMovistar-Regular", sans-serif;
text-align: center;
}
.documentViewer__tabs {
display: flex;
gap: 6px;
margin: 0 16px 16px;
padding: 8px;
overflow-x: auto;
border-radius: 0 0 8px 8px;
background: var(--Gray-850, #172030);
}
.documentViewer__tabs[hidden] {
display: none;
}
.documentViewer__tab {
flex: 0 0 auto;
padding: 6px 14px;
border-radius: 8px;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
white-space: nowrap;
transition: background-color 0.15s ease, color 0.15s ease;
}
.documentViewer__tab:hover {
color: var(--White, #FFF);
background: rgba(255, 255, 255, 0.06);
}
.documentViewer__tab.is-active {
background: var(--m-azul-m, #0393E9);
color: var(--White, #FFF);
}
.documentViewer--docx .documentViewer__body {
display: flex;
justify-content: center;
padding: 24px 16px 40px;
}
.documentViewer__paper {
width: 100%;
max-width: 820px;
min-height: 1060px;
padding: 72px 80px;
background: var(--White, #FFF);
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
color: #101828;
font-family: Calibri, Carlito, "Segoe UI", Arial, sans-serif;
font-size: 15px;
line-height: 1.55;
overflow-wrap: anywhere;
}
.documentViewer__paper h1,
.documentViewer__paper h2,
.documentViewer__paper h3,
.documentViewer__paper h4 {
margin: 1.2em 0 0.5em;
color: #0B111D;
font-weight: 700;
line-height: 1.25;
}
.documentViewer__paper h1 {
font-size: 26px;
}
.documentViewer__paper h2 {
font-size: 21px;
}
.documentViewer__paper h3 {
font-size: 18px;
}
.documentViewer__paper p {
margin: 0 0 0.8em;
}
.documentViewer__paper ul,
.documentViewer__paper ol {
margin: 0 0 0.8em;
padding-left: 1.6em;
}
.documentViewer__paper ul {
list-style: disc;
}
.documentViewer__paper ol {
list-style: decimal;
}
.documentViewer__paper table {
width: 100%;
margin: 0 0 1em;
border-collapse: collapse;
}
.documentViewer__paper td,
.documentViewer__paper th {
padding: 6px 8px;
border: 1px solid #D0D5DD;
vertical-align: top;
}
.documentViewer__paper img {
max-width: 100%;
height: auto;
}
.documentViewer__paper a {
color: var(--m-azul-m, #0393E9);
text-decoration: underline;
}
.documentViewer--text .documentViewer__viewport {
background: var(--White, #FFF);
}
.documentViewer__text {
display: flex;
min-width: max-content;
font-family: "JetBrains Mono", Consolas, "Courier New", monospace;
font-size: 13px;
line-height: 1.6;
}
.documentViewer__gutter,
.documentViewer__code {
margin: 0;
padding: 14px 16px;
white-space: pre;
}
.documentViewer__gutter {
position: sticky;
left: 0;
color: #98A2B3;
text-align: right;
background: #F9FAFB;
border-right: 1px solid #E4E7EC;
user-select: none;
}
.documentViewer__code {
color: #101828;
}
@media screen and (max-width: 1199px) {
.documentViewer {
height: 70vh;
}
.documentViewer__toolbar {
padding: 10px;
}
.documentViewer__readonly,
.documentViewer__label,
.documentViewer__button--plain {
display: none;
}
.documentViewer__viewport {
margin: 0 10px 10px;
}
.documentViewer__tabs {
margin: 0 10px 10px;
}
.documentViewer__paper {
min-height: 0;
padding: 32px 24px;
}
}
.fileCard__placeholder {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: inherit;
background: radial-gradient(120% 120% at 50% 0%, rgba(3, 147, 233, 0.16) 0%, rgba(23, 32, 48, 0.9) 55%, #101828 100%);
pointer-events: none;
}
.fileCard__placeholderIcon svg {
width: 48px;
height: 56px;
}
.fileCard__placeholderExtension {
padding: 2px 8px;
border-radius: 6px;
background: rgba(3, 147, 233, 0.15);
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 11px;
letter-spacing: 0.04em;
}
.folderMosaic {
position: absolute;
inset: 0;
display: grid;
gap: 2px;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
border-radius: inherit;
background: #101828;
pointer-events: none;
}
.folderMosaic::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, 0) 35%);
}
.folderMosaic__tile {
min-width: 0;
min-height: 0;
background-color: rgba(255, 255, 255, .04);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.folderMosaic--1 .folderMosaic__tile {
grid-column: 1 / -1;
grid-row: 1 / -1;
}
.folderMosaic--2 .folderMosaic__tile {
grid-row: 1 / -1;
}
.folderMosaic--3 .folderMosaic__tile:first-child {
grid-row: 1 / -1;
}
.folderMosaic--empty {
display: flex;
align-items: center;
justify-content: center;
background: radial-gradient(120% 120% at 50% 0%, rgba(3, 147, 233, 0.16) 0%, rgba(23, 32, 48, 0.9) 55%, #101828 100%);
}
.folderMosaic--empty::after {
display: none;
}
.folderMosaic__icon {
width: 56px;
height: 56px;
}
.imageViewer {
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
min-width: 0;
height: 800px;
border-radius: 16px;
border: 1px solid var(--Gray-800, #1D2939);
background: #0B111D;
overflow: hidden;
outline: none;
}
.imageViewer.is-fullscreen {
height: 100vh;
border-radius: 0;
border: 0;
}
.imageViewer__toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px 18px 12px;
}
.imageViewer__tools {
display: flex;
align-items: center;
gap: 12px;
}
.imageViewer__pill {
display: flex;
align-items: center;
gap: 6px;
padding: 6px 10px;
border-radius: 10px;
background: var(--Gray-850, #172030);
min-width: 0;
}
.imageViewer__pill--info {
gap: 10px;
padding: 6px 12px;
}
.imageViewer__label {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
white-space: nowrap;
}
.imageViewer__badge {
padding: 2px 8px;
border-radius: 6px;
background: rgba(3, 147, 233, 0.15);
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 11px;
letter-spacing: 0.04em;
}
.imageViewer__dimensions {
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.imageViewer__button {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 8px;
color: var(--White, #FFF);
transition: color 0.15s ease, background-color 0.15s ease;
}
.imageViewer__button:hover:not(:disabled),
.imageViewer__button:hover:not(:disabled) .imageViewer__icon {
color: var(--m-azul-m, #0393E9);
}
.imageViewer__button.is-active {
background: rgba(3, 147, 233, 0.15);
}
.imageViewer__button.is-active,
.imageViewer__button.is-active .imageViewer__icon {
color: var(--m-azul-m, #0393E9);
}
.imageViewer__button:disabled,
.imageViewer__button:disabled .imageViewer__icon {
color: var(--Gray-600, #475467);
cursor: not-allowed;
}
.imageViewer__button--text {
width: auto;
padding: 0 6px;
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 12px;
}
.imageViewer__button--plain {
width: 36px;
height: 36px;
}
.imageViewer__icon {
width: 20px;
height: 20px;
color: var(--White, #FFF);
}
.imageViewer__icon--large {
width: 24px;
height: 24px;
}
.imageViewer__zoom {
min-width: 48px;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
text-align: center;
font-variant-numeric: tabular-nums;
}
.imageViewer__viewport {
position: relative;
flex: 1 1 auto;
min-height: 0;
margin: 0 16px 16px;
overflow: hidden;
border-radius: 8px;
touch-action: none;
user-select: none;
transition: background-color 0.2s ease;
}
.imageViewer__viewport--checker {
background-color: #101828;
background-image:
linear-gradient(45deg, #172030 25%, transparent 25%),
linear-gradient(-45deg, #172030 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #172030 75%),
linear-gradient(-45deg, transparent 75%, #172030 75%);
background-size: 20px 20px;
background-position: 0 0, 0 10px, 10px -10px, -10px 0;
}
.imageViewer__viewport--dark {
background: #05080F;
}
.imageViewer__viewport--light {
background: #F2F4F7;
}
.imageViewer__viewport.is-pannable {
cursor: grab;
}
.imageViewer__viewport.is-dragging {
cursor: grabbing;
}
.imageViewer__image {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
max-width: none !important;
max-height: none;
transform-origin: center center;
image-rendering: auto;
pointer-events: none;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
.imageViewer__image[hidden] {
display: none;
}
.imageViewer__status {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
background: #0B111D;
}
.imageViewer__status[hidden] {
display: none;
}
.imageViewer__status.is-error {
color: var(--Error-500, #F04438);
}
@media screen and (max-width: 1199px) {
.imageViewer {
height: 70vh;
}
.imageViewer__toolbar {
padding: 10px;
gap: 8px;
}
.imageViewer__tools {
gap: 6px;
}
.imageViewer__pill {
padding: 4px 6px;
gap: 2px;
}
.imageViewer__pill--info,
.imageViewer__button--plain,
.imageViewer__button[data-action="background"] {
display: none;
}
.imageViewer__toolbar {
justify-content: center;
}
.imageViewer__viewport {
margin: 0 10px 10px;
}
}
.customNotificacion .notificationBackdrop,
.customNotificacion .notificationClose {
display: none;
}
@media screen and (max-width: 1199px) {
html.notificationPanelOpen,
html.notificationPanelOpen body {
overflow: hidden;
}
.customNotificacion .notificationBackdrop {
display: block;
position: fixed;
inset: 0;
z-index: 9999;
background: rgba(5, 8, 15, 0.6);
backdrop-filter: blur(2px);
}
.customNotificacion .notificationBackdrop[style*="display: none"] {
display: none !important;
}
.customNotificacion .notificationModal {
position: fixed;
top: auto;
right: 0;
bottom: 0;
left: 0;
width: 100%;
min-width: 0;
max-height: 85dvh;
margin: 0;
border-radius: 20px 20px 0 0;
transform: none !important;
display: flex;
flex-direction: column;
overflow: hidden;
padding-bottom: env(safe-area-inset-bottom);
}
.customNotificacion .notificationModal[style*="display: none"] {
display: none !important;
}
.customNotificacion .notificationModal::after {
content: "";
position: absolute;
top: 8px;
left: 50%;
width: 40px;
height: 4px;
border-radius: 99px;
background: var(--Gray-300, #D0D5DD);
transform: translateX(-50%);
}
.customNotificacion .notificationModal .headerModal {
flex: 0 0 auto;
flex-wrap: wrap;
gap: 12px;
padding: 26px 0 12px;
margin-inline: 16px;
}
.customNotificacion .notificationModal .headerTitle {
flex: 1 1 auto;
min-width: 0;
font-size: 18px;
}
.customNotificacion .notificationModal .notificationClose {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 99px;
border: 1px solid var(--Gray-300, #D0D5DD);
color: var(--Gray-600, #475467);
}
.customNotificacion .notificationModal .notificationClose__icon {
width: 20px;
height: 20px;
}
.customNotificacion .notificationModal .customSelectWrapper {
order: 3;
flex: 1 0 100%;
}
.customNotificacion .notificationModal .headerModal .customSelectTrigger {
width: 100%;
justify-content: space-between;
text-align: left;
}
.customNotificacion .notificationModal .headerModal .customOptions {
left: 0;
right: 0;
width: auto;
z-index: 1;
}
.customNotificacion .notificationModal .modalBody:not([style*="display: none"]) {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
}
.customNotificacion .notificationModal .results {
flex: 1 1 auto;
min-height: 0;
max-height: none;
padding-left: 16px;
margin-right: 8px;
padding-right: 8px;
overscroll-behavior: contain;
}
.customNotificacion .notificationModal .results .result {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
align-items: center;
gap: 10px;
padding: 8px 10px;
margin-bottom: 4px;
}
.customNotificacion .notificationModal .results .info {
min-width: 0;
gap: 10px;
}
.customNotificacion .notificationModal .results .info .image {
flex: 0 0 auto;
}
.customNotificacion .notificationModal .results .name__info,
.customNotificacion .notificationModal .results .actionInfo {
min-width: 0;
}
.customNotificacion .notificationModal .results .actionInfo .action,
.customNotificacion .notificationModal .results .actionInfo .from {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
}
.customNotificacion .notificationModal .modalFooter {
flex: 0 0 auto;
padding: 12px 16px 16px;
}
.customNotificacion .notificationModal .modalFooter .modalCta {
width: 100%;
justify-content: center;
}
.customNotificacion .notificationModal .noResults {
padding: 24px 16px 32px;
}
.customNotificacion .notificationModal .bodyTitle {
font-size: 20px;
}
}
@media screen and (max-width: 1199px) {
.bulkAction__selection {
position: fixed;
left: 12px;
right: 12px;
bottom: calc(12px + env(safe-area-inset-bottom));
z-index: 30;
flex-direction: column-reverse;
align-items: stretch;
justify-content: flex-start;
gap: 12px;
max-height: 60dvh;
margin: 0;
padding: 12px !important;
overflow-y: auto;
border-radius: 16px;
background-color: #0B1A2B !important;
box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.55) !important;
}
body:has(.bulkAction__selection:not([style*="display: none"])) main {
padding-bottom: 220px;
}
.bulkAction__selection .fi-ta-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 8px;
width: 100%;
margin: 0 !important;
}
.bulkAction__selection .fi-ta-actions > * {
flex: 0 0 auto;
max-width: 100%;
}
.bulkAction__selection .fi-ta-actions .fi-btn,
.bulkAction__selection .fi-ta-actions .fi-link {
display: inline-flex;
align-items: center;
gap: 6px;
max-width: 100%;
padding: 8px 12px !important;
border-radius: 99px;
border: 1px solid rgba(3, 147, 233, 0.4);
background-color: rgba(3, 147, 233, 0.1) !important;
font-size: 13px;
line-height: 1.2;
white-space: nowrap;
}
.bulkAction__selection .fi-ta-actions .fi-btn span,
.bulkAction__selection .fi-ta-actions .fi-link span {
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px;
}
.bulkAction__selection .fi-ta-actions .fi-btn-icon,
.bulkAction__selection .fi-ta-actions .fi-link-icon {
flex: 0 0 auto;
width: 18px;
height: 18px;
}
.bulkAction__selection .fi-ta-selection-indicator {
display: flex;
flex-direction: row !important;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 6px 12px;
padding: 0 2px 10px !important;
border-bottom: 1px solid rgba(3, 147, 233, 0.25);
}
.bulkAction__selection .fi-ta-selection-indicator > *:nth-child(2) {
display: flex;
}
.bulkAction__selection .fi-ta-selection-indicator > *:nth-child(2) .fi-link {
padding: 0;
border: 0;
background: transparent !important;
}
.bulkAction__selection .fi-ta-selection-indicator > *:nth-child(2) .fi-link span {
font-size: 12px;
}
.bulkAction__selection .fi-ta-selection-indicator > *:first-child span {
color: var(--White, #FFF);
}
}
.latestItems .folderCardSwiper__preview {
background-color: #101828;
border-radius: 8px 8px 0 0;
}
.latestItems .folderCardSwiper > .info {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
.latestItems .folderCardSwiper__title {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
}
.latestItems .folderCardSwiper__icon {
flex: 0 0 auto;
width: 18px;
height: 18px;
}
.latestItems .folderCardSwiper > .info .name {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 120%;
}
.latestItems .folderCardSwiper > .info .extras {
gap: 12px;
min-width: 0;
}
.latestItems .folderCardSwiper > .info .extras p {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.latestItems .folderCardSwiper > .info .extras .date {
flex: 0 1 auto;
color: var(--Gray-500, #667085);
}
.folderMosaic__tile--document {
background-color: #FFFFFF;
background-size: cover;
background-position: left top;
}
@media screen and (max-width: 1199px) {
.dynamicTableComponent .title__tabs > .flex {
min-width: 0;
max-width: 100%;
}
.dynamicTableComponent .title__tabs .tabs {
min-width: 0;
max-width: 100%;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x proximity;
scroll-padding-inline: 4px;
scrollbar-width: none;
}
.dynamicTableComponent .title__tabs .tabs::-webkit-scrollbar {
display: none;
}
.dynamicTableComponent .title__tabs .tabs .item {
flex: 0 0 auto;
white-space: nowrap;
scroll-snap-align: start;
}
}
.latestItems .nav__pag {
min-height: 24px;
}
.latestItems .nav__pag > * {
transition: opacity 0.2s ease;
}
.latestItems .swiper:not(.swiper-initialized) .nav__pag > * {
opacity: 0;
visibility: hidden;
}
.fi-fo-file-upload > div:has(> input[type="file"]) {
min-height: 76px;
border-radius: 8px;
border: 1px solid rgba(3, 147, 233, 0.5);
background-color: rgba(23, 32, 48, 0.6);
}
.fi-fo-file-upload > div:has(> input[type="file"]) > input[type="file"] {
opacity: 0;
pointer-events: none;
}
@media (hover: none) {
[data-tippy-root] {
display: none !important;
}
}
.userMobileRow {
display: flex;
align-items: flex-start;
gap: 12px;
min-width: 0;
text-align: left;
}
.userMobileRow__avatar {
flex: 0 0 44px;
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.08);
object-fit: cover;
}
.userMobileRow__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 3px;
min-width: 0;
}
.userMobileRow__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
min-width: 0;
}
.userMobileRow__name,
.userMobileRow__position {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.userMobileRow__name {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 15px;
line-height: 1.25;
}
.userMobileRow__role {
flex: 0 0 auto;
padding: 2px 8px;
border-radius: 99px;
background: rgba(3, 147, 233, 0.15);
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 11px;
line-height: 1.5;
white-space: nowrap;
}
.userMobileRow__position {
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 1.3;
}
.userMobileRow__meta {
display: flex;
flex-wrap: wrap;
gap: 4px 14px;
margin-top: 4px;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 1.3;
}
.userMobileRow__metaItem {
display: inline-flex;
align-items: center;
gap: 5px;
min-width: 0;
}
.userMobileRow__icon {
flex: 0 0 auto;
width: 14px;
height: 14px;
color: var(--m-azul-m, #0393E9);
}
.userMobileRow__lastLogin,
.userMobileRow__status {
color: var(--Gray-500, #667085);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 11px;
line-height: 1.4;
}
.fi-ta-record:has(.userMobileRow) div:has(> .fi-ta-actions) {
flex-direction: row;
align-items: flex-start;
gap: 8px;
min-width: 0;
}
.fi-ta-record:has(.userMobileRow) div:has(> .fi-ta-actions) > .flex-1 {
min-width: 0;
}
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(.userMobileRow) .fi-ta-actions {
position: static;
display: flex;
flex: 0 0 auto;
margin: 0 !important;
padding: 0 !important;
background: transparent;
z-index: auto;
}
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(.userMobileRow) .fi-ta-actions svg {
color: var(--Gray-300, #D0D5DD) !important;
}
.fi-ta-record:has(.userMobileRow) .fi-ta-actions .fi-dropdown,
.fi-ta-record:has(.userMobileRow) .fi-ta-actions .fi-dropdown-trigger {
width: 36px !important;
height: 36px !important;
}
.fi-ta-record:has(.userMobileRow) .fi-ta-actions .fi-icon-btn {
width: 36px;
height: 36px;
border-radius: 10px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(29, 41, 57, 0.4);
}
.fi-dropdown-panel:has(.rowActionsMenuItem) {
min-width: 220px;
overflow: hidden;
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054);
background: var(--Gray-850, #172030) !important;
box-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.55) !important;
}
.fi-dropdown-panel:has(.rowActionsMenuItem) .fi-dropdown-list {
padding: 6px;
}
.fi-dropdown-panel:has(.rowActionsMenuItem) .fi-dropdown-list-item {
gap: 10px;
padding: 10px;
border-radius: 8px;
}
.fi-dropdown-panel:has(.rowActionsMenuItem) .fi-dropdown-list-item-label {
color: var(--White, #FFF) !important;
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
line-height: 20px;
}
.fi-dropdown-panel:has(.rowActionsMenuItem) .fi-dropdown-list-item svg {
color: var(--Gray-400, #98A2B3) !important;
}
.fi-dropdown-panel:has(.rowActionsMenuItem) .fi-dropdown-list-item:hover,
.fi-dropdown-panel:has(.rowActionsMenuItem) .fi-dropdown-list-item:focus-visible {
background-color: var(--Gray-800, #1D2939);
}
.fi-dropdown-panel:has(.rowActionsMenuItem) .fi-dropdown-list-item:hover svg,
.fi-dropdown-panel:has(.rowActionsMenuItem) .fi-dropdown-list-item:focus-visible svg {
color: var(--m-azul-m, #0393E9) !important;
}
.userGroupMobileRow__badge {
display: inline-flex;
flex: 0 0 44px;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 12px;
border: 1px solid color-mix(in srgb, var(--group-color, #0393E9) 45%, transparent);
background: color-mix(in srgb, var(--group-color, #0393E9) 18%, transparent);
}
.userGroupMobileRow__badgeIcon {
width: 22px;
height: 22px;
color: var(--group-color, #0393E9);
}
.userGroupMobileRow__avatars {
display: inline-flex;
align-items: center;
margin-right: 2px;
}
.userGroupMobileRow__avatars img {
width: 20px;
height: 20px;
border-radius: 50%;
border: 1.5px solid var(--Gray-900, #101828);
object-fit: cover;
}
.userGroupMobileRow__avatars img + img {
margin-left: -6px;
}
.fi-ta-actions .fi-dropdown:has(.rowActionsMenuTrigger),
.fi-ta-actions .fi-dropdown-trigger:has(.rowActionsMenuTrigger) {
width: 36px !important;
height: 36px !important;
}
.fi-ta-actions .rowActionsMenuTrigger {
width: 36px;
height: 36px;
border-radius: 10px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(29, 41, 57, 0.4);
}
.fi-ta-actions .rowActionsMenuTrigger svg {
color: var(--Gray-300, #D0D5DD) !important;
}
.fi-ta-table:has(.rowActionsMenuTrigger) {
width: 100%;
}
.fi-ta-table:has(.rowActionsMenuTrigger) td:not(:has(.rowActionsMenuTrigger)),
.fi-ta-table:has(.rowActionsMenuTrigger) td:not(:has(.rowActionsMenuTrigger)) .fi-ta-text-item-label {
white-space: normal;
overflow-wrap: anywhere;
}
.fi-ta-table:has(.rowActionsMenuTrigger) td:not(:has(.rowActionsMenuTrigger)) .max-w-max {
max-width: 100%;
}
.fi-ta-table:has(.rowActionsMenuTrigger) td:has(.rowActionsMenuTrigger) {
position: static;
width: 1%;
vertical-align: middle;
}
.fi-dropdown-panel:has(.rowActionsMenuItem) {
z-index: 60 !important;
}
.userMobileRow__role.roleMobileRow__status--disabled {
background: rgba(240, 68, 56, 0.15);
color: var(--Error-400, #F97066);
}
.phaseMobileRow__position {
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 16px;
}
.trashMobileRow__icon svg {
width: 24px;
height: 24px;
}
.dashboardActivityMobileRow {
display: grid;
grid-template-columns: 38px minmax(0, 1fr) auto;
column-gap: 10px;
row-gap: 3px;
align-items: center;
min-width: 0;
text-align: left;
}
.dashboardActivityMobileRow .table__lastUserAdded,
.dashboardActivityMobileRow .table__lastUserAdded .info {
display: contents;
}
.dashboardActivityMobileRow .table__lastUserAdded .image {
grid-column: 1;
grid-row: 1 / span 4;
align-self: start;
width: 38px;
height: 38px;
}
.dashboardActivityMobileRow .table__lastUserAdded .name {
display: block;
overflow: hidden;
grid-column: 2;
grid-row: 1;
min-width: 0;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
font-size: 14px;
line-height: 1.3;
}
.dashboardActivityMobileRow .table__lastUserAdded .role {
grid-column: 2 / -1;
overflow: hidden;
font-size: 12px;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
.dashboardActivityMobileRow .table__lastUserAdded .role:empty {
display: none;
}
.dashboardActivityMobileRow__date {
grid-column: 3;
grid-row: 1;
justify-self: end;
text-align: right;
color: var(--Gray-500, #667085);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 11px;
line-height: 1.3;
white-space: nowrap;
}
.dashboardActivityMobileRow__activity {
display: flex;
flex-wrap: wrap;
grid-column: 2 / -1;
align-items: center;
gap: 2px 6px;
min-width: 0;
margin-top: 3px;
}
.dashboardActivityMobileRow:has(.dashboardActivityMobileRow__location) .dashboardActivityMobileRow__activity {
grid-column: 2;
}
.dashboardActivityMobileRow__action {
flex: 0 0 auto;
padding: 1px 8px;
border-radius: 99px;
background: rgba(3, 147, 233, 0.15);
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 11px;
line-height: 1.5;
}
.dashboardActivityMobileRow__action--deleted {
background: rgba(240, 68, 56, 0.15);
color: var(--Error-400, #F97066);
}
.dashboardActivityMobileRow__user {
overflow: hidden;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 11px;
text-overflow: ellipsis;
white-space: nowrap;
}
.dashboardActivityMobileRow__location {
display: flex;
grid-column: 3;
align-items: center;
justify-content: flex-end;
gap: 5px;
min-width: 0;
max-width: 130px;
margin-top: 3px;
justify-self: end;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 11px;
line-height: 1.4;
}
.dashboardActivityMobileRow__location > span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fi-dashboard-page .fi-ta-filters .grid:has(>*.radioAsTabs) {
scrollbar-width: none;
}
.fi-dashboard-page .fi-ta-filters .grid:has(>*.radioAsTabs)::-webkit-scrollbar {
display: none;
}
.dashboardActivityMobileRow .activityProjectMobileRow__cover img {
width: 38px;
height: 38px;
border-radius: 8px;
object-fit: cover;
}
.fi-ta-content:has(.rowActionsMenuTrigger) .fi-ta-record:not(:has(.rowActionsMenuTrigger)) .dashboardActivityMobileRow {
padding-right: 44px;
}
.dashboardActivityMobileRow .activitySubject__badge {
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
border: 1px solid rgba(3, 147, 233, 0.45);
background: rgba(3, 147, 233, 0.15);
}
.dashboardActivityMobileRow .table__lastUserAdded .image svg.activitySubject__icon {
width: 20px;
height: 20px;
color: var(--m-azul-m, #0393E9);
}
.activityLogMobileRow__extra {
grid-column: 2 / -1;
overflow: hidden;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 11px;
line-height: 1.4;
text-overflow: ellipsis;
white-space: nowrap;
}
.fi-ta-record:has(.userMobileRow) > .flex > .flex.w-full > .flex-1 > .ps-3 {
padding-left: 12px;
}
.fi-ta-record:has(.userMobileRow) > .flex > .flex.w-full,
.fi-ta-record:has(.userMobileRow) > .flex > .flex.w-full > .flex-1 {
min-width: 0;
}
.dashboardActivityMobileRow--compact .table__lastUserAdded .role {
display: none;
}
.dashboardActivityMobileRow:has(.dashboardActivityMobileRow__lead) .dashboardActivityMobileRow__activity {
flex-wrap: nowrap;
}
.dashboardActivityMobileRow__lead {
flex: 0 1 auto;
min-width: 0;
overflow: hidden;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
.dashboardActivityMobileRow:has(.dashboardActivityMobileRow__lead) .dashboardActivityMobileRow__user {
flex: 0 0 auto;
}
.dashboardActivityMobileRow:has(.dashboardActivityMobileRow__lead) .dashboardActivityMobileRow__action {
flex: 0 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fi-ta-sorting .fi-input-wrp-prefix {
border: 0 !important;
}
@media screen and (max-width: 1199px) {
.formNotification.notificationSettingsForm .fi-section-content-ctn {
overflow: visible;
}
.formNotification.notificationSettingsForm .fi-section-content {
width: auto;
padding: 0 16px 16px;
}
.formNotification.notificationSettingsForm .fi-section-content .fi-fo-component-ctn {
grid-template-columns: minmax(0, 1fr) !important;
}
.formNotification.notificationSettingsForm .fi-section-header-heading {
padding: 22px 16px 14px;
font-size: 18px;
}
.formNotification.notificationSettingsForm .gridHeader {
display: none;
}
.formNotification.notificationSettingsForm .gridRow {
padding: 0;
border: 0;
}
.formNotification.notificationSettingsForm .fi-section-content > .fi-fo-component-ctn {
row-gap: 12px;
}
.formNotification.notificationSettingsForm .gridRow > .fi-fo-component-ctn {
overflow: hidden;
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(29, 41, 57, 0.35);
}
.formNotification.notificationSettingsForm .gridRow > .fi-fo-component-ctn > * {
grid-column: 1 / -1 !important;
}
.formNotification.notificationSettingsForm .gridRow > .fi-fo-component-ctn > :first-child {
padding: 14px 16px 12px;
}
.formNotification.notificationSettingsForm .gridRow .fi-fo-field-wrp-hint-label {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
line-height: 1.3;
}
.formNotification.notificationSettingsForm .gridRow > .fi-fo-component-ctn > :not(:first-child) {
padding: 12px 16px;
border-top: 1px solid var(--Gray-700, #344054);
}
.formNotification.notificationSettingsForm .gridRow [data-mobile-label] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 28px;
}
.formNotification.notificationSettingsForm .gridRow [data-mobile-label]::before {
content: attr(data-mobile-label);
flex: 1 1 auto;
min-width: 0;
color: var(--Gray-200, #E4E7EC);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1.3;
}
.formNotification.notificationSettingsForm .gridRow [data-mobile-label] > .grid {
flex: 0 0 auto;
}
.formNotification.notificationSettingsForm .gridRow [data-mobile-label] .mx-auto {
margin: 0;
}
}
.bulkSelectionBar__head {
display: none;
}
@media screen and (max-width: 1199px) {
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(.userMobileRow) label:has(> .fi-checkbox-input) {
position: absolute;
top: 16px;
left: 16px;
z-index: 3;
display: block;
width: 44px !important;
height: 44px;
margin: 0;
padding: 0 !important;
border-radius: 50%;
}
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(.dashboardActivityMobileRow) label:has(> .fi-checkbox-input) {
width: 38px !important;
height: 38px;
border-radius: 10px;
}
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(.userMobileRow) label > .fi-checkbox-input {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0 !important;
opacity: 0;
cursor: pointer;
}
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(.userMobileRow) label:has(> .fi-checkbox-input)::before {
content: "";
position: absolute;
inset: 0;
display: none;
border-radius: inherit;
pointer-events: none;
}
.dynamicTableComponent .fi-ta-content:has(.fi-ta-record input:checked) .fi-ta-record:has(.userMobileRow) label:has(> .fi-checkbox-input)::before {
display: block;
border: 2px solid var(--Gray-400, #98A2B3);
background: rgba(11, 26, 43, 0.6);
}
.dynamicTableComponent .fi-ta-content:has(.fi-ta-record input:checked) .grid .fi-ta-record:has(.userMobileRow) label:has(> .fi-checkbox-input:checked)::before {
display: block;
border: 0;
background: var(--m-azul-m, #0393E9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 55% no-repeat;
}
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(.userMobileRow):has(.fi-checkbox-input:checked) {
background-color: rgba(3, 147, 233, 0.08) !important;
box-shadow: inset 3px 0 0 var(--m-azul-m, #0393E9);
}
.fi-ta-record:has(.userMobileRow) > .flex > .flex.w-full,
.fi-ta-record:has(.userMobileRow) > .flex > .flex.w-full > .flex-1 {
min-width: 0;
}
.fi-ta-content > .flex:has(.fi-ta-page-checkbox) {
justify-content: space-between;
gap: 12px;
padding: 10px 16px !important;
}
.fi-ta-content > .flex:has(.fi-ta-page-checkbox) > label:has(.fi-ta-page-checkbox) {
position: relative;
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 8px;
padding: 7px 12px;
border-radius: 99px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(29, 41, 57, 0.5);
cursor: pointer;
}
.fi-ta-content > .flex:has(.fi-ta-page-checkbox) > label:has(.fi-ta-page-checkbox:checked) {
border-color: rgba(3, 147, 233, 0.5);
background: rgba(3, 147, 233, 0.15);
}
.fi-ta-content > .flex:has(.fi-ta-page-checkbox) .fi-ta-page-checkbox {
margin: 0 !important;
}
.fi-ta-content > .flex:has(.fi-ta-page-checkbox) > label:has(.fi-ta-page-checkbox) .sr-only {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
color: var(--Gray-200, #E4E7EC);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 12px;
line-height: 1;
white-space: nowrap;
}
.fi-ta-content > .flex:has(.fi-ta-page-checkbox) .fi-ta-sorting {
padding: 0;
}
.bulkAction__selection {
flex-direction: column !important;
gap: 10px;
padding: 12px 14px 14px !important;
}
.bulkAction__selection .fi-ta-selection-indicator {
display: none !important;
}
.bulkSelectionBar__head {
display: flex;
order: -1;
align-items: center;
gap: 10px;
min-width: 0;
}
.bulkSelectionBar__close {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid var(--Gray-600, #475467);
background: var(--Gray-800, #1D2939);
}
.bulkSelectionBar__closeIcon {
width: 18px;
height: 18px;
color: var(--White, #FFF);
}
.bulkSelectionBar__count {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
}
.bulkSelectionBar__selectAll {
flex: 0 0 auto;
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 12px;
white-space: nowrap;
}
.bulkAction__selection .fi-ta-actions {
flex-wrap: nowrap !important;
overflow-x: auto;
scrollbar-width: none;
}
.bulkAction__selection .fi-ta-actions::-webkit-scrollbar {
display: none;
}
body:has(.bulkAction__selection:not([style*="display: none"])) main {
padding-bottom: 150px;
}
}
@media screen and (max-width: 1199px) {
.repeater_contactList:has(.shipmentHorizontalRepeaters) {
height: auto !important;
max-height: none;
overflow: visible;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
}
.repeater_contactList:has(.shipmentHorizontalRepeaters) .fi-fo-repeater-item {
position: relative;
display: block;
padding: 12px;
border: 1px solid var(--Gray-700, #344054) !important;
border-radius: 12px;
background: rgba(29, 41, 57, 0.35) !important;
}
.repeater_contactList:has(.shipmentHorizontalRepeaters) .fi-fo-repeater-item:not(:last-child) {
margin-bottom: 10px;
}
.repeater_contactList:has(.shipmentHorizontalRepeaters) .fi-fo-repeater-item-header {
display: none;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px 10px !important;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > * {
grid-column: auto !important;
min-width: 0;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > :first-child {
grid-column: 1 / -1 !important;
padding-right: 32px;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > :first-child .table__lastUserAdded {
margin-inline: 0;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > :first-child .table__lastUserAdded .info {
min-width: 0;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > :first-child .table__lastUserAdded .name {
display: block;
overflow: hidden;
min-width: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > :last-child {
position: absolute;
top: 12px;
right: 10px;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > :last-child:has(button[disabled], .fi-disabled) {
display: none;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > :has(.checkboxInputV2) {
grid-column: 1 / -1 !important;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > :has([data-field-wrapper][style*="visibility: hidden"]),
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > :has([data-mobile-field="default"]) {
display: none;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn:has([data-mobile-field="default"]) > :has([data-mobile-field="expiry_type"]) {
grid-column: 1 / -1 !important;
}
.shipmentHorizontalRepeaters [data-mobile-label]::before {
content: attr(data-mobile-label);
display: block;
overflow: hidden;
margin-bottom: 6px;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 11px;
line-height: 1.3;
}
.shipmentHorizontalRepeaters [data-mobile-label]:has(.checkboxInputV2) {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding-top: 10px;
border-top: 1px solid var(--Gray-700, #344054);
}
.shipmentHorizontalRepeaters [data-mobile-label]:has(.checkboxInputV2)::before {
margin: 0;
color: var(--Gray-200, #E4E7EC);
font-size: 12px;
}
.shipmentHorizontalRepeaters [data-mobile-label]:has(.checkboxInputV2) > .grid {
flex: 0 0 auto;
}
.shipmentHorizontalRepeaters .choices__inner {
min-height: 40px;
padding: 9px 30px 9px 10px !important;
}
.shipmentHorizontalRepeaters .choices__list--single {
display: block;
overflow: hidden;
padding: 0;
}
.shipmentHorizontalRepeaters .choices__list--single .choices__button {
display: none;
}
.shipmentHorizontalRepeaters .choices__list--single .choices__item,
.shipmentHorizontalRepeaters input.fi-input {
font-size: 12px !important;
}
.shipmentHorizontalRepeaters .choices__list--single .choices__item {
display: block;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.templateFolderRow__toggle {
display: none;
}
@media screen and (min-width: 1200px) {
.templateFolderRow > .fi-fo-component-ctn > :nth-child(4) {
display: none;
}
}
@media screen and (max-width: 1199px) {
.repeater_folders .fi-fo-repeater-item:has(.templateFolderRow) .fi-fo-repeater-item-content {
padding: 10px 12px !important;
}
.templateFolderRow > .fi-fo-component-ctn {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 8px !important;
}
.templateFolderRow > .fi-fo-component-ctn > :nth-child(3) {
flex: 1 1 0;
min-width: 0;
}
.templateFolderRow > .fi-fo-component-ctn > :nth-child(3) .fi-ac,
.templateFolderRow > .fi-fo-component-ctn > :nth-child(3) .fi-link {
max-width: 100%;
min-width: 0;
}
.templateFolderRow > .fi-fo-component-ctn > :nth-child(3) .fi-link span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.templateFolderRow > .fi-fo-component-ctn > :nth-child(4) {
flex: 0 0 auto;
}
.templateFolderRow__toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 10px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(29, 41, 57, 0.4);
}
.templateFolderRow__toggle.is-open {
border-color: rgba(3, 147, 233, 0.5);
background: rgba(3, 147, 233, 0.15);
}
.templateFolderRow__toggleIcon {
width: 18px;
height: 18px;
color: var(--Gray-300, #D0D5DD);
}
.templateFolderRow > .fi-fo-component-ctn > :nth-child(5) {
display: none;
flex: 1 0 100%;
padding-top: 10px;
border-top: 1px solid var(--Gray-700, #344054);
}
.templateFolderRow > .fi-fo-component-ctn > :nth-child(5):has(.repeater_item_actions.is-open) {
display: block;
}
.templateFolderRow .repeater_item_actions .fi-ac {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 6px;
padding: 0 !important;
}
.templateFolderRow .repeater_item_actions .fi-ac .fi-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 10px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(29, 41, 57, 0.4);
opacity: 1 !important;
}
.templateFolderRow .repeater_item_actions .fi-ac-action:last-child {
display: none;
}
}
@media screen and (max-width: 1199px) {
.repeater_contactList.repeater_templatePermission {
height: auto !important;
max-height: 55dvh;
padding: 10px;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item {
position: relative;
display: block;
padding: 12px;
border: 1px solid var(--Gray-700, #344054) !important;
border-radius: 12px;
background: rgba(29, 41, 57, 0.35) !important;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item-header {
position: absolute;
top: 10px;
right: 8px;
z-index: 1;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item-content {
width: 100% !important;
padding: 0 !important;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item-content > .fi-fo-component-ctn {
gap: 12px !important;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item-content > .fi-fo-component-ctn > :first-child {
padding-right: 36px;
}
.repeater_contactList.repeater_templatePermission div:has(> .permissions-inline-item) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px !important;
}
.repeater_contactList.repeater_templatePermission .permissions-inline-item {
justify-content: flex-start;
gap: 6px !important;
min-width: 0;
padding: 8px 6px;
border-radius: 8px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(11, 26, 43, 0.5);
}
.repeater_contactList.repeater_templatePermission .permissions-inline-item:has(input:checked) {
border-color: rgba(3, 147, 233, 0.55);
background: rgba(3, 147, 233, 0.15);
}
.repeater_contactList.repeater_templatePermission .permissions-inline-item span {
overflow: hidden;
font-size: 12px;
text-overflow: ellipsis;
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.fi-ta-content > .grid {
--cols-lg: repeat(2, minmax(0, 1fr)) !important;
}
}
.shipmentPicker {
overflow: hidden;
border-radius: 14px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(11, 26, 43, 0.45);
}
.shipmentPicker__toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 20px;
padding: 14px 18px;
border-bottom: 1px solid var(--Gray-700, #344054);
background: rgba(29, 41, 57, 0.35);
}
.shipmentPicker__navigation {
display: flex;
flex: 1 1 0;
align-items: center;
gap: 10px;
min-width: 0;
}
.shipmentPicker__back {
display: inline-flex;
flex: 0 0 36px;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 10px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(29, 41, 57, 0.6);
color: var(--Gray-200, #E4E7EC);
transition: background-color 0.15s, border-color 0.15s;
}
.shipmentPicker__back:hover {
border-color: rgba(3, 147, 233, 0.5);
background: rgba(3, 147, 233, 0.15);
color: var(--m-azul-m, #0393E9);
}
.shipmentPicker__backIcon {
width: 18px;
height: 18px;
}
.shipmentPicker__breadcrumbs {
display: flex;
flex: 1 1 auto;
flex-wrap: wrap;
align-items: center;
gap: 4px;
min-width: 0;
}
.shipmentPicker__crumb {
display: inline-flex;
align-items: center;
gap: 6px;
max-width: 240px;
padding: 6px 10px;
border-radius: 8px;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
line-height: 1.2;
transition: background-color 0.15s, color 0.15s;
}
.shipmentPicker__crumb span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.shipmentPicker__crumb:hover {
background: rgba(29, 41, 57, 0.8);
color: var(--White, #FFF);
}
.shipmentPicker__crumb.is-current {
background: rgba(3, 147, 233, 0.15);
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
cursor: default;
}
.shipmentPicker__crumbIcon {
flex: 0 0 auto;
width: 16px;
height: 16px;
color: var(--m-azul-m, #0393E9);
}
.shipmentPicker__separator {
flex: 0 0 auto;
width: 14px;
height: 14px;
color: var(--Gray-600, #475467);
}
.shipmentPicker__actions {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: flex-end;
gap: 12px;
min-width: 0;
}
.shipmentPicker__search {
display: flex;
flex: 0 1 320px;
width: 320px;
align-items: center;
gap: 10px;
min-width: 220px;
padding: 0 14px;
border-radius: 10px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(11, 26, 43, 0.6);
transition: border-color 0.15s;
}
.shipmentPicker__search:focus-within {
border-color: rgba(3, 147, 233, 0.6);
}
.shipmentPicker__searchIcon {
flex: 0 0 auto;
width: 18px;
height: 18px;
color: var(--Gray-400, #98A2B3);
}
.shipmentPicker__search input {
flex: 1 1 auto;
min-width: 0;
height: 42px;
padding: 0;
border: 0;
background: transparent;
color: var(--White, #FFF);
font-size: 14px;
box-shadow: none !important;
}
.shipmentPicker__list {
min-height: 522px;
padding: 8px;
transition: opacity 0.15s;
}
.shipmentPicker__list.is-loading {
opacity: 0.5;
}
.shipmentPicker__item {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
padding: 7px 10px;
border-radius: 10px;
border: 1px solid rgba(52, 64, 84, 0.55);
background: rgba(29, 41, 57, 0.32);
transition: background-color 0.15s, border-color 0.15s;
}
.shipmentPicker__item + .shipmentPicker__item {
margin-top: 6px;
}
.shipmentPicker__item:hover {
border-color: var(--Gray-600, #475467);
background: rgba(29, 41, 57, 0.75);
}
.shipmentPicker__item.is-selected {
background: rgba(3, 147, 233, 0.12);
box-shadow: inset 3px 0 0 var(--m-azul-m, #0393E9);
}
.shipmentPicker__check {
display: inline-flex;
flex: 0 0 24px;
align-items: center;
justify-content: center;
}
.shipmentPicker__main {
display: flex;
flex: 1 1 auto;
align-items: center;
gap: 12px;
min-width: 0;
text-align: left;
}
.shipmentPicker__icon {
display: inline-flex;
flex: 0 0 42px;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
color: #667085;
}
.shipmentPicker__icon svg {
width: 34px;
height: 34px;
}
.shipmentPicker__icon.is-cover img {
width: 42px;
height: 42px;
border-radius: 10px;
object-fit: cover;
}
.shipmentPicker__text {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.shipmentPicker__name {
overflow: hidden;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
}
.shipmentPicker__meta {
overflow: hidden;
color: var(--Gray-400, #98A2B3);
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
.shipmentPicker__open {
display: inline-flex;
flex: 0 0 36px;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 10px;
color: var(--Gray-300, #D0D5DD);
}
.shipmentPicker__open:hover {
background: rgba(3, 147, 233, 0.15);
color: var(--m-azul-m, #0393E9);
}
.shipmentPicker__open svg {
width: 20px;
height: 20px;
}
.shipmentPicker__empty {
display: flex;
align-items: center;
justify-content: center;
min-height: 478px;
padding: 24px 12px;
color: var(--Gray-400, #98A2B3);
font-size: 14px;
text-align: center;
}
.shipmentPicker__footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 12px 18px;
border-top: 1px solid var(--Gray-700, #344054);
background: rgba(3, 147, 233, 0.08);
}
.shipmentPicker__count {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
}
.shipmentPicker__add {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 16px;
border-radius: 10px;
background: var(--m-azul-m, #0393E9);
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
}
.shipmentPicker__addIcon {
width: 16px;
height: 16px;
}
.shipmentPicker__statusBar {
display: flex;
flex: 0 0 auto;
gap: 6px;
min-width: 0;
overflow-x: auto;
scrollbar-width: none;
}
.shipmentPicker__statusBar::-webkit-scrollbar {
display: none;
}
.shipmentPicker__status {
--status-color: var(--m-azul-m, #0393E9);
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 8px;
padding: 7px 12px;
border-radius: 99px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(29, 41, 57, 0.45);
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1;
transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
.shipmentPicker__status--active {
--status-color: #12B76A;
}
.shipmentPicker__status--release {
--status-color: #F79009;
}
.shipmentPicker__status--rejected {
--status-color: #F04438;
}
.shipmentPicker__status:hover {
border-color: color-mix(in srgb, var(--status-color) 55%, transparent);
color: var(--White, #FFF);
}
.shipmentPicker__status.is-active {
border-color: color-mix(in srgb, var(--status-color) 70%, transparent);
background: color-mix(in srgb, var(--status-color) 16%, transparent);
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
}
.shipmentPicker__statusDot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--status-color);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--status-color) 22%, transparent);
}
.shipmentPicker__statusCount {
min-width: 22px;
padding: 3px 7px;
border-radius: 99px;
background: rgba(255, 255, 255, 0.08);
color: var(--Gray-200, #E4E7EC);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 11px;
text-align: center;
}
.shipmentPicker__status.is-active .shipmentPicker__statusCount {
background: var(--status-color);
color: var(--White, #FFF);
}
.shipmentPicker__list::-webkit-scrollbar {
width: 7px;
border-radius: 99px;
}
.shipmentPicker__list::-webkit-scrollbar-thumb,
.shipmentPicker__list::-webkit-scrollbar-thumb:hover {
background: var(--m-azul-m, #0393E9);
border-radius: 99px;
}
.shipmentPicker__list::-webkit-scrollbar-track {
background: #344054;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
background-clip: padding-box;
}
.shipmentPicker__pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px 16px;
padding: 10px 18px;
border-top: 1px solid var(--Gray-700, #344054);
}
.shipmentPicker__range {
color: var(--Gray-400, #98A2B3);
font-size: 13px;
}
.shipmentPicker__pages {
display: flex;
align-items: center;
gap: 4px;
}
.shipmentPicker__page {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 34px;
height: 34px;
padding: 0 8px;
border-radius: 8px;
border: 1px solid transparent;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 13px;
transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
.shipmentPicker__page:hover:not(:disabled):not(.is-current) {
border-color: var(--Gray-700, #344054);
background: rgba(29, 41, 57, 0.7);
color: var(--White, #FFF);
}
.shipmentPicker__page.is-current {
background: var(--m-azul-m, #0393E9);
color: var(--White, #FFF);
}
.shipmentPicker__page:disabled {
opacity: 0.35;
cursor: default;
}
.shipmentPicker__pageIcon {
width: 18px;
height: 18px;
}
@media screen and (min-width: 1200px) {
.repeater_contactList:has(.shipmentHorizontalRepeaters) {
height: auto !important;
max-height: none;
overflow: visible;
}
}
.fi-form .fi-fo-component-ctn > :not(:first-child) .fi-section:has(.shipmentHorizontalRepeaters) {
border-top: 0;
}
.includedFilesSearch {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px 16px;
}
.includedFilesSearch__title {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 16px;
}
.includedFilesSearch__input {
flex: 0 1 340px;
margin-left: auto;
}
.includedFilesPager__footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 8px 14px;
padding: 10px 16px;
}
.fi-fo-component-ctn:has(.includedFilesPager:not(.is-ready)) .repeater_contactList:has(.shipmentHorizontalRepeaters) .fi-fo-repeater-item:nth-child(n+11) {
display: none;
}
:is(.shipmentHorizontalRepeaters, .includedFilesBulk) select.fi-select-input {
padding-left: 24px;
border: 1px solid var(--Gray-700, #344054) !important;
background-color: var(--Gray-850, #172030) !important;
cursor: pointer;
}
:is(.shipmentHorizontalRepeaters, .includedFilesBulk) select.fi-select-input:focus {
border-color: rgba(3, 147, 233, 0.6) !important;
}
.includedFilesBulk select.fi-select-input:has(option[value=""]:checked) {
color: var(--Gray-400, #98A2B3);
}
.includedFilesPager__empty {
padding: 18px 12px;
color: var(--Gray-400, #98A2B3);
font-size: 13px;
text-align: center;
}
@media screen and (min-width: 1200px) {
.fi-fo-component-ctn:has(.includedFilesPager.is-visible) .repeater_contactList:has(.shipmentHorizontalRepeaters) {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.includedFilesPager.is-visible {
margin-top: -1.5rem;
border: 1px solid var(--Gray-700, #344054);
border-top: 1px solid rgba(52, 64, 84, 0.6);
border-radius: 0 0 8px 8px;
background: rgba(27, 36, 54, 0.30);
}
.includedFilesSearch {
margin-bottom: -1.5rem;
padding: 14px 18px;
border: 1px solid var(--Gray-700, #344054);
border-radius: 8px 8px 0 0;
background: rgba(29, 41, 57, 0.35);
}
.fi-fo-component-ctn:has(.includedFilesSearch) .repeater_contactList:has(.shipmentHorizontalRepeaters) {
padding: 10px;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.repeater_contactList:has(.shipmentHorizontalRepeaters) .fi-fo-repeater-item {
align-items: center;
padding: 7px 12px;
border: 1px solid rgba(52, 64, 84, 0.55);
border-radius: 10px;
background: rgba(29, 41, 57, 0.32);
transition: background-color 0.15s, border-color 0.15s;
}
.repeater_contactList:has(.shipmentHorizontalRepeaters) .fi-fo-repeater-item:not(:last-child) {
margin-bottom: 6px;
}
.repeater_contactList:has(.shipmentHorizontalRepeaters) .fi-fo-repeater-item:hover {
border-color: var(--Gray-600, #475467);
background: rgba(29, 41, 57, 0.75);
}
.includedFilesBulk {
margin-bottom: -1.5rem;
padding: 10px 23px;
border: 1px solid var(--Gray-700, #344054);
border-top: 0;
background: rgba(11, 26, 43, 0.45);
}
.includedFilesBulk > .fi-fo-component-ctn {
align-items: center;
}
}
.includedFilesBulk__label {
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 13px;
}
@media screen and (max-width: 1199px) {
.includedFilesBulk {
padding: 12px;
border: 1px solid var(--Gray-700, #344054);
border-radius: 12px;
background: rgba(11, 26, 43, 0.45);
}
.includedFilesBulk > .fi-fo-component-ctn {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.includedFilesBulk > .fi-fo-component-ctn > * {
grid-column: auto !important;
min-width: 0;
}
.includedFilesBulk > .fi-fo-component-ctn > :first-child {
grid-column: 1 / -1 !important;
}
.includedFilesBulk > .fi-fo-component-ctn > :has(.includedFilesBulk__spacer) {
display: none;
}
}
@media screen and (max-width: 1199px) {
.includedFilesSearch__input {
flex: 1 1 100%;
}
.includedFilesPager.is-visible {
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(29, 41, 57, 0.35);
}
.includedFilesPager__footer {
justify-content: space-between;
}
}
@media screen and (max-width: 1199px) {
.shipmentPicker__toolbar {
padding: 12px;
}
.shipmentPicker__actions {
flex: 1 1 100%;
flex-wrap: wrap;
justify-content: flex-start;
}
.shipmentPicker__search {
flex: 1 1 100%;
min-width: 0;
}
.shipmentPicker__crumb {
max-width: 160px;
font-size: 13px;
}
.shipmentPicker__add {
flex: 1 1 auto;
justify-content: center;
}
}
.passwordRequirements {
margin-top: 4px;
padding: 12px 14px;
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(11, 26, 43, 0.45);
text-align: left;
}
.passwordRequirements__title {
margin: 0 0 10px;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 13px;
}
.passwordRequirements__list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px 12px;
margin: 0;
padding: 0;
list-style: none;
}
.passwordRequirements .passwordRequirements__item {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1.3;
list-style: none;
transition: color 0.15s;
}
.passwordRequirements__icon {
display: inline-flex;
flex: 0 0 18px;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1.5px solid var(--Gray-500, #667085);
font-size: 11px;
line-height: 1;
transition: background-color 0.15s, border-color 0.15s;
}
.passwordRequirements .passwordRequirements__item.is-valid {
color: var(--Success-400, #32D583);
}
.passwordRequirements__item.is-valid .passwordRequirements__icon {
border-color: var(--Success-500, #12B76A);
background: var(--Success-500, #12B76A);
}
.passwordRequirements__item.is-valid .passwordRequirements__icon::before {
content: "✓";
color: var(--White, #FFF);
font-weight: 700;
}
.passwordRequirements .passwordRequirements__item.is-invalid {
color: var(--Error-400, #F97066);
}
.passwordRequirements__item.is-invalid .passwordRequirements__icon {
border-color: var(--Error-500, #F04438);
}
.passwordRequirements__item.is-invalid .passwordRequirements__icon::before {
content: "✕";
color: var(--Error-500, #F04438);
font-weight: 700;
}
.passwordRequirements__status {
margin: 12px 0 0;
padding-top: 10px;
border-top: 1px solid var(--Gray-700, #344054);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 12px;
}
.passwordRequirements__status.is-valid {
color: var(--Success-400, #32D583);
}
.passwordRequirements__status.is-invalid {
color: var(--Error-400, #F97066);
}
@media screen and (max-width: 600px) {
.passwordRequirements__list { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
}
.folderIsEmpty {
position: relative;
display: inline-flex;
flex-shrink: 0;
}
.folderIsEmpty > * {
opacity: 0.55;
}
.folderIsEmpty::after {
content: '';
position: absolute;
top: 60%;
left: 15%;
right: 15%;
height: 2px;
border-radius: 2px;
background: currentColor;
transform: translateY(-50%) rotate(-45deg);
pointer-events: none;
}
.analyticMobileRow__cover {
border-radius: 8px;
}
.analyticFileMobileRow__stats {
gap: 2px 12px;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 11px;
line-height: 1.4;
}
.trackingWidgets {
margin-bottom: 24px;
}
.trackingWidgets .fi-ta-ctn:has(.fi-pagination-items) .fi-ta-content {
min-height: var(--tracking-content-min-height, 310px);
}
.trackingMobileRow {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
text-align: left;
}
.trackingMobileRow__head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
min-width: 0;
}
.trackingMobileRow__place {
overflow: hidden;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
.trackingMobileRow__plays {
flex: 0 0 auto;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 1.3;
}
.trackingMobileRow__plays strong {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-weight: normal;
}
.trackingMobileRow__progress {
display: flex;
align-items: center;
gap: 10px;
}
.trackingMobileRow__track {
flex: 1 1 auto;
height: 4px;
overflow: hidden;
border-radius: 99px;
background: rgba(255, 255, 255, 0.08);
}
.trackingMobileRow__fill {
height: 100%;
border-radius: inherit;
background: var(--m-azul-m, #0393E9);
}
.trackingMobileRow__percent {
flex: 0 0 44px;
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 12px;
line-height: 1;
text-align: right;
}
.trackingMobileRow__completed {
color: var(--Gray-500, #667085);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 11px;
line-height: 1.3;
}
@media screen and (max-width: 1199px) {
div.trackingWidgets {
flex-direction: column;
}
.trackingWidgets {
--tracking-content-min-height: 449px;
}
.trackingWidgets .fi-ta-header {
padding-top: 0;
padding-bottom: 12px;
}
.trackingWidgets .fi-ta-header-heading {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 16px;
line-height: 1.3;
}
.trackingWidgets .fi-ta-filters-above-content-ctn {
padding-top: 0;
padding-bottom: 8px;
}
.trackingWidgets .fi-ta-search-field .fi-input-wrp,
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-search-field .fi-input-wrp {
height: 36px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.04);
box-shadow: none;
}
.trackingWidgets .fi-ta-search-field .fi-input-wrp:focus-within,
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-search-field .fi-input-wrp:focus-within {
border-color: var(--m-azul-m, #0393E9);
}
.trackingWidgets .fi-ta-search-field .fi-input-wrp-prefix svg,
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-search-field .fi-input-wrp-prefix svg {
width: 16px;
height: 16px;
}
.trackingWidgets .fi-ta-search-field .fi-input,
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-search-field .fi-input {
height: 100%;
padding-top: 0;
padding-bottom: 0;
font-size: 13px;
line-height: 34px;
}
}
.tableTitleHighlight {
color: #3b82f6;
}
@media screen and (max-width: 1199px) {
.fi-resource-analytic-project-files .dynamicTableComponent .title__tabs {
margin-bottom: 4px;
padding-right: 16px;
padding-left: 16px;
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-filters-above-content-ctn {
padding-bottom: 4px;
}
.fi-resource-analytic-project-files .dynamicTableComponent .tableTitle {
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 18px;
line-height: 1.3;
}
.fi-resource-analytic-project-files .dynamicTableComponent .tableTitle .tableTitleHighlight {
overflow-wrap: anywhere;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-filters-above-content-ctn > div {
padding-top: 8px;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: 8px;
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-search-field {
flex: 1 1 auto;
min-width: 0;
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-filters-above-content-ctn > div > .flex,
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-filters-above-content-ctn .ms-auto {
display: flex;
flex: 0 0 auto;
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-btn {
width: 36px;
height: 36px;
min-height: 0;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.04);
box-shadow: none;
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-btn .fi-btn-icon {
width: 18px;
height: 18px;
color: var(--Gray-300, #D0D5DD);
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-btn-badge-ctn {
top: -6px;
right: -6px;
left: auto;
transform: none;
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-badge {
min-width: 14px;
height: 14px;
padding: 0 3px;
border-radius: 99px;
background: rgba(3, 147, 233, 0.2);
box-shadow: none;
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-badge,
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-badge * {
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 9px;
line-height: 1;
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-sorting {
padding-top: 0;
padding-bottom: 8px;
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-sorting .fi-input-wrp {
height: 36px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.04);
box-shadow: none;
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-sorting .fi-input-wrp-prefix {
border-color: rgba(255, 255, 255, 0.08);
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-sorting .fi-input-wrp-label {
color: var(--Gray-400, #98A2B3);
font-size: 13px;
}
.fi-resource-analytic-project-files .dynamicTableComponent .fi-ta-sorting .fi-select-input {
height: 100%;
padding-top: 0;
padding-bottom: 0;
font-size: 13px;
}
}
@media screen and (min-width: 1200px) {
.trackingWidgets .fi-ta-filters-above-content-ctn {
padding-top: 12px;
padding-bottom: 4px;
}
.trackingWidgets .fi-ta-filters-above-content-ctn > div {
justify-content: flex-end;
}
.trackingWidgets .fi-ta-search-field {
width: 240px;
}
.trackingWidgets .fi-pagination-items {
grid-column-start: 3;
}
}
@media screen and (max-width: 1199px) {
.fi-topbar nav {
display: grid;
grid-template-columns: 36px minmax(0, 1fr) auto auto;
align-items: center;
column-gap: 8px;
row-gap: 12px;
height: auto;
margin-top: 16px;
margin-bottom: 12px;
}
.fi-topbar nav > .fi-icon-btn {
margin: 0;
width: 36px;
height: 36px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.04);
}
.fi-topbar nav > .fi-icon-btn .fi-icon-btn-icon {
width: 20px;
height: 20px;
color: var(--Gray-300, #D0D5DD);
}
.fi-topbar nav > .fi-header-heading {
grid-row: 1;
grid-column: 2 / 3;
overflow: hidden;
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 20px;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}
.fi-topbar nav > .ms-auto {
grid-column: 1 / -1;
grid-row: 2;
width: 100%;
}
.fi-topbar nav > .ms-auto .fi-global-search,
.fi-topbar nav > .ms-auto .fi-global-search > div,
.fi-topbar nav > .ms-auto .fi-global-search-field {
width: 100%;
}
.fi-topbar nav .fi-global-search-field .fi-input[type="search"] {
height: 40px;
padding-top: 0;
padding-bottom: 0;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.04);
font-size: 14px;
line-height: 38px;
}
.fi-topbar nav .fi-global-search-field .fi-input[type="search"]:focus {
border-color: var(--m-azul-m, #0393E9);
}
.fi-topbar nav > .customNotificacion {
grid-row: 1;
grid-column: 4;
margin: 0;
}
.fi-topbar nav > .customNotificacion.trashNotification {
grid-column: 3;
}
.fi-topbar nav > .customNotificacion .modalTrigger {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.04);
}
.fi-topbar nav > .customNotificacion .modalTrigger svg {
width: 18px;
height: 18px;
}
.fi-topbar nav > .customNotificacion .counter {
top: -6px;
right: -6px;
min-width: 16px;
padding: 2px 4px;
border: 0;
border-radius: 99px;
font-size: 10px;
}
main {
padding-top: 16px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.fi-topbar nav > .fi-header-heading {
grid-column: 1 / 3;
}
}
@media screen and (max-width: 1199px) {
.shipmentPicker__statusBar {
padding-right: 32px;
scroll-snap-type: x proximity;
-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
}
.shipmentPicker__status {
gap: 6px;
padding: 6px 10px;
font-size: 12px;
scroll-snap-align: start;
}
.shipmentPicker__list {
min-height: 0;
max-height: 360px;
overflow-y: auto;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > * {
grid-column: span 3 !important;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn:has([data-mobile-field="expiry_number_access"]) > :has([data-mobile-field="expiry_type"]) {
grid-column: span 4 !important;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > :has([data-mobile-field="expiry_number_access"]) {
grid-column: span 2 !important;
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn {
align-items: end;
}
.fi-fo-component-ctn:has(> * > .fi-fo-field-wrp .includedFilesBulk__label) {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.fi-fo-component-ctn:has(> * > .fi-fo-field-wrp .includedFilesBulk__label) > * {
grid-column: span 3 !important;
}
.fi-fo-component-ctn:has(> * > .fi-fo-field-wrp .includedFilesBulk__label) > :first-child {
grid-column: 1 / -1 !important;
}
.fi-fo-component-ctn:has(> * > .fi-fo-field-wrp .includedFilesBulk__label) > :has([data-mobile-field="expiry_type"]) {
grid-column: span 4 !important;
}
.fi-fo-component-ctn:has(> * > .fi-fo-field-wrp .includedFilesBulk__label) > :has([data-mobile-field="default"]),
.fi-fo-component-ctn:has(> * > .fi-fo-field-wrp .includedFilesBulk__label) > :has([data-mobile-field="expiry_number_access"]) {
grid-column: span 2 !important;
}
.fi-fo-component-ctn:has(> * > .fi-fo-field-wrp .includedFilesBulk__label):has([data-mobile-field="expiry_date"]) > :has([data-mobile-field="expiry_type"]) {
grid-column: span 3 !important;
}
.repeater_contactList .shipmentHorizontalRepeaters select.fi-select-input,
.fi-fo-component-ctn:has(> * > .fi-fo-field-wrp .includedFilesBulk__label) .fi-select-input {
padding-left: 12px;
}
.shipmentHorizontalRepeaters .fi-select-input,
.shipmentHorizontalRepeaters .fi-input {
font-size: 13px;
}
:is(.fi-resource-project-file-shipments, .fi-resource-anonymous-project-file-shipments) .repeater_contactList:not(:has(.shipmentHorizontalRepeaters)) {
height: auto !important;
max-height: 240px;
}
:is(.fi-resource-project-file-shipments, .fi-resource-anonymous-project-file-shipments) .fi-input-wrp:not(:has(.fi-input-wrp-prefix)) .choices__inner {
padding-left: 12px;
}
:is(.fi-resource-project-file-shipments, .fi-resource-anonymous-project-file-shipments) .fi-fo-actions .iconPrimaryColor {
width: 38px;
height: 38px;
border: 1px solid rgba(3, 147, 233, 0.4);
border-radius: 8px;
background: rgba(3, 147, 233, 0.12);
}
:is(.fi-resource-project-file-shipments, .fi-resource-anonymous-project-file-shipments) .fi-form-actions .fi-ac {
flex-direction: column;
align-items: stretch;
gap: 10px;
}
:is(.fi-resource-project-file-shipments, .fi-resource-anonymous-project-file-shipments) .fi-form-actions .fi-btn {
width: 100%;
min-height: 44px;
}
}
.shipmentPicker__crumb--collapsed {
padding-inline: 8px;
color: var(--Gray-400, #98A2B3);
letter-spacing: 1px;
}
@media screen and (max-width: 1199px) {
.shipmentPicker__breadcrumbs {
flex-wrap: nowrap;
overflow: hidden;
}
.shipmentPicker__breadcrumbs .shipmentPicker__crumb {
flex: 0 1 auto;
min-width: 0;
}
.shipmentPicker__breadcrumbs .shipmentPicker__crumb.is-current,
.shipmentPicker__breadcrumbs .shipmentPicker__crumb--collapsed,
.shipmentPicker__breadcrumbs .shipmentPicker__separator {
flex-shrink: 0;
}
.shipmentPicker__breadcrumbs .shipmentPicker__crumb:first-child:not(.is-current) span {
display: none;
}
}
@media screen and (max-width: 1199px) {
.shipmentSettingsToggle {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
width: 100%;
min-height: 36px;
padding: 6px 8px 6px 10px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.03);
text-align: left;
}
.shipmentSettingsToggle__chips {
display: flex;
flex-wrap: wrap;
gap: 6px;
min-width: 0;
}
.shipmentSettingsToggle__chip {
padding: 2px 8px;
border-radius: 99px;
background: rgba(3, 147, 233, 0.15);
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 11px;
line-height: 1.5;
white-space: nowrap;
}
.shipmentSettingsToggle__empty {
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 1.4;
}
.shipmentSettingsToggle__icon {
flex: 0 0 auto;
width: 18px;
height: 18px;
color: var(--Gray-300, #D0D5DD);
transition: transform 0.2s;
}
.shipmentSettingsToggle[aria-expanded="true"] {
border-color: rgba(3, 147, 233, 0.4);
}
.shipmentSettingsToggle[aria-expanded="true"] .shipmentSettingsToggle__icon {
transform: rotate(180deg);
}
.shipmentHorizontalRepeaters > .fi-fo-component-ctn > :has(.shipmentSettingsToggle),
.fi-fo-component-ctn:has(> * > .fi-fo-field-wrp .includedFilesBulk__label) > :has(.shipmentSettingsToggle) {
grid-column: 1 / -1 !important;
}
.shipmentHorizontalRepeaters:not(.is-settings-open) > .fi-fo-component-ctn > :not(:first-child):not(:last-child):not(:has(.shipmentSettingsToggle)),
.includedFilesBulk:not(.is-settings-open) > .fi-fo-component-ctn > :not(:first-child):not(:has(.shipmentSettingsToggle)) {
display: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
.shipmentSettingsToggle__icon {
transition: none;
}
}
.recipientsRepeater {
height: auto !important;
max-height: none !important;
overflow: visible;
}
.recipientsRepeater:not(:has(.fi-fo-repeater-item)) {
display: none;
}
.fi-fo-component-ctn:has(> div > .listSearch--hideWhenEmpty):not(:has(.recipientsRepeater .fi-fo-repeater-item)) > div:has(> .listSearch--hideWhenEmpty) {
display: none;
}
.listSearch .includedFilesSearch__input {
width: 100%;
}
.includedFilesSearch.listSearch--hideWhenEmpty {
padding: 0;
}
.includedFilesSearch.listSearch--hideWhenEmpty .includedFilesSearch__input {
flex: 1 1 auto;
width: 100%;
max-width: none;
}
@media screen and (min-width: 1200px) {
:is(.fi-resource-project-file-shipments, .fi-resource-anonymous-project-file-shipments) .fi-fo-component-ctn:has(> * > .fi-fo-actions .iconPrimaryColor) {
position: relative;
grid-template-columns: minmax(0, 1fr) !important;
}
:is(.fi-resource-project-file-shipments, .fi-resource-anonymous-project-file-shipments) .fi-fo-component-ctn:has(> * > .fi-fo-actions .iconPrimaryColor) > * {
grid-column: 1 / -1 !important;
}
:is(.fi-resource-project-file-shipments, .fi-resource-anonymous-project-file-shipments) .fi-fo-component-ctn:has(> * > .fi-fo-actions .iconPrimaryColor) > :has(> .fi-fo-actions) {
position: absolute;
right: 0;
bottom: 0;
}
:is(.fi-resource-project-file-shipments, .fi-resource-anonymous-project-file-shipments) .fi-fo-component-ctn:has(> * > .fi-fo-actions .iconPrimaryColor) .fi-input {
padding-right: 48px;
}
:is(.fi-resource-project-file-shipments, .fi-resource-anonymous-project-file-shipments) .fi-fo-actions .iconPrimaryColor {
width: 38px;
height: 38px;
border: 1px solid rgba(3, 147, 233, 0.4);
border-radius: 8px;
background: rgba(3, 147, 233, 0.12);
}
}
@media screen and (max-width: 1199px) {
div.dynamicTableComponent .title__tabs {
gap: 12px;
padding-inline: 16px;
}
.dynamicTableComponent .title__tabs > .flex {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
}
.dynamicTableComponent .title__tabs .tabs {
order: 1;
flex: 0 1 auto;
min-width: 0;
overflow-x: auto;
scrollbar-width: none;
}
.dynamicTableComponent .title__tabs .tabs::-webkit-scrollbar {
display: none;
}
.dynamicTableComponent .title__tabs > .flex > :not(.tabs) {
display: flex;
order: 2;
flex: 0 0 auto;
gap: 8px;
margin: 0 0 0 auto;
}
.dynamicTableComponent .title__tabs .tabsButtons .item {
width: 40px;
height: 40px;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn > div {
display: grid;
padding-top: 8px;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px 8px;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn > div > .flex {
display: contents;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-ta-search-field {
grid-row: 1;
grid-column: 1;
min-width: 0;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn > div:not(:has(.ms-auto)) .fi-ta-search-field {
grid-column: 1 / -1;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .ms-auto {
display: flex;
grid-row: 1;
grid-column: 2;
justify-self: end;
margin: 0;
padding: 0;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-tabs {
grid-row: 2;
grid-column: 1 / -1;
justify-content: flex-start;
margin: 0;
padding-right: 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
scrollbar-width: none;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-tabs::-webkit-scrollbar {
display: none;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-tabs .fi-tabs-item {
flex: 0 0 auto;
padding: 8px 10px;
font-size: 13px;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-ta-search-field .fi-input-wrp {
height: 36px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.04);
box-shadow: none;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-ta-search-field .fi-input-wrp:focus-within {
border-color: var(--m-azul-m, #0393E9);
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-ta-search-field .fi-input-wrp-prefix svg {
width: 16px;
height: 16px;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .fi-ta-search-field .fi-input {
height: 100%;
padding-top: 0;
padding-bottom: 0;
font-size: 13px;
line-height: 34px;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .ms-auto .fi-btn {
margin: 0;
width: 36px;
height: 36px;
min-height: 0;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.04);
box-shadow: none;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .ms-auto .fi-btn .fi-btn-icon {
width: 18px;
height: 18px;
color: var(--Gray-300, #D0D5DD);
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .ms-auto .fi-btn-badge-ctn {
top: -6px;
right: -6px;
left: auto;
transform: none;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .ms-auto .fi-badge {
min-width: 14px;
height: 14px;
padding: 0 3px;
border-radius: 99px;
background: rgba(3, 147, 233, 0.2);
box-shadow: none;
}
.dynamicTableComponent .fi-ta-filters-above-content-ctn .ms-auto .fi-badge,
.dynamicTableComponent .fi-ta-filters-above-content-ctn .ms-auto .fi-badge * {
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 9px;
line-height: 1;
}
.dynamicTableComponent .fi-ta-sorting {
padding-top: 0;
padding-bottom: 8px;
}
.dynamicTableComponent .fi-ta-sorting .fi-input-wrp {
height: 36px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.04);
box-shadow: none;
}
.dynamicTableComponent .fi-ta-sorting .fi-input-wrp-prefix {
border-color: rgba(255, 255, 255, 0.08);
}
.dynamicTableComponent .fi-ta-sorting .fi-input-wrp-label {
color: var(--Gray-400, #98A2B3);
font-size: 13px;
}
.dynamicTableComponent .fi-ta-sorting .fi-select-input {
height: 100%;
padding-top: 0;
padding-bottom: 0;
font-size: 13px;
}
}
.searchResultsTitle__count,
.searchResultsTitle__term {
color: var(--m-azul-m, #0393E9);
}
@media screen and (max-width: 1199px) {
.dynamicTableComponent .tableTitle .searchResultsTitle {
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 16px;
line-height: 1.35;
}
.dynamicTableComponent .tableTitle .searchResultsTitle__count,
.dynamicTableComponent .tableTitle .searchResultsTitle__term {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
}
}
.table__lastUserAdded .table__lastUserAdded__link {
color: var(--m-azul-m, #0393E9);
text-decoration: none;
}
.table__lastUserAdded .table__lastUserAdded__link:hover {
text-decoration: underline;
}
@media screen and (max-width: 1199px) {
.fi-dashboard-page div.dynamicTableComponent .fi-ta-filters > .fi-fo-component-ctn {
grid-template-columns: minmax(0, 1fr);
align-self: stretch;
width: 100%;
}
.fi-dashboard-page div.dynamicTableComponent .fi-ta-filters > .fi-fo-component-ctn > * {
grid-column: 1 / -1;
}
.fi-dashboard-page div.dynamicTableComponent .fi-ta-filters .choices__inner {
padding-left: 14px;
}
.fi-dashboard-page .fi-ta-filters .grid:has(> *.radioAsTabs) {
-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent);
mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent);
}
.fi-dashboard-page .fi-ta-filters .radioAsTabs {
flex-wrap: nowrap;
justify-content: flex-start;
margin-right: 28px;
}
.fi-dashboard-page .fi-ta-filters .radioAsTabs label span {
white-space: nowrap;
}
.dashboardActivityMobileRow .table__lastUserAdded .table__lastUserAdded__link {
justify-self: start;
}
}
@media screen and (max-width: 1199px) {
.fi-dashboard-page .latestItems > .title {
margin-bottom: 12px;
font-size: 20px;
line-height: 1.25;
letter-spacing: -0.2px;
}
.fi-dashboard-page .latestItems .latestItemsCtn .latestBox .boxTitle,
.fi-dashboard-page div.dynamicTableComponent .tableTitle {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 17px;
line-height: 1.3;
}
}
@media screen and (max-width: 1199px) {
.fi-dashboard-page div.dynamicTableComponent .fi-ta-filters > .fi-fo-component-ctn > :not(:has(.fi-fo-field-wrp)) {
display: none;
}
}
.customNotificacion .modalTrigger {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(16, 24, 40, 0.8);
color: var(--Gray-300, #D0D5DD);
transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}
.customNotificacion .modalTrigger .icon {
width: 20px;
height: 20px;
}
.customNotificacion .modalTrigger:hover,
.customNotificacion .modalTrigger.is-open {
border-color: var(--m-azul-m, #0393E9);
color: var(--White, #FFF);
background: rgba(3, 147, 233, 0.12);
}
.customNotificacion .modalTrigger:focus-visible {
outline: 2px solid var(--m-azul-m, #0393E9);
outline-offset: 2px;
}
.customNotificacion .counter {
top: -6px;
right: -6px;
z-index: 1;
min-width: 20px;
height: 20px;
padding: 0 5px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 99px;
border: 2px solid var(--Gray-900, #101828);
background: var(--m-azul-m, #0393E9);
color: var(--White, #FFF);
font-size: 11px;
line-height: 1;
pointer-events: none;
}
.customNotificacion .notificationModal {
width: 440px;
min-width: 0;
right: 0;
margin-top: 12px;
border: 1px solid var(--Gray-200, #EAECF0);
border-radius: 16px;
background: var(--White, #FFF);
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
overflow: hidden;
}
.customNotificacion .notificationModal::before {
display: none;
}
.customNotificacion .notificationModal .headerModal {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
margin: 0;
padding: 18px 20px 14px;
border-bottom: 1px solid var(--Gray-200, #EAECF0);
}
.customNotificacion .notificationModal .headerTitle {
color: var(--Gray-900, #101828);
font-size: 18px;
line-height: 1.2;
}
.customNotificacion .notificationModal .notificationTabs {
display: inline-flex;
gap: 4px;
padding: 3px;
border-radius: 10px;
background: var(--Gray-100, #F2F4F7);
}
.customNotificacion .notificationModal .notificationTabs__item {
padding: 5px 12px;
border-radius: 7px;
color: var(--Gray-500, #667085);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 13px;
line-height: 18px;
white-space: nowrap;
transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.customNotificacion .notificationModal .notificationTabs__item:hover {
color: var(--Gray-900, #101828);
}
.customNotificacion .notificationModal .notificationTabs__item.is-active {
background: var(--White, #FFF);
color: var(--m-azul-m, #0393E9);
box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12);
}
.customNotificacion .notificationModal .results {
max-height: min(480px, 60vh);
margin: 0;
padding: 0 8px 8px 12px;
scrollbar-width: thin;
scrollbar-color: var(--Gray-300, #D0D5DD) transparent;
}
.customNotificacion .notificationModal .results::-webkit-scrollbar {
width: 6px;
}
.customNotificacion .notificationModal .results::-webkit-scrollbar-thumb,
.customNotificacion .notificationModal .results::-webkit-scrollbar-thumb:hover {
background: var(--Gray-300, #D0D5DD);
}
.customNotificacion .notificationModal .results::-webkit-scrollbar-track {
background: transparent;
}
.customNotificacion .notificationModal .results .date {
position: sticky;
top: 0;
z-index: 1;
margin: 0;
padding: 12px 8px 6px;
background: var(--White, #FFF);
color: var(--Gray-500, #667085);
font-size: 12px;
line-height: 16px;
}
.customNotificacion .notificationModal .results .result {
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
margin: 0 0 2px;
padding: 10px 8px;
border-radius: 10px;
transition: background-color .15s ease;
}
.customNotificacion .notificationModal .results .result:hover {
background: var(--Gray-50, #F9FAFB);
}
.customNotificacion .notificationModal .results .info {
min-width: 0;
gap: 12px;
}
.customNotificacion .notificationModal .results .info .image {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 38px !important;
height: 38px !important;
border-radius: 10px;
border: 1px solid var(--Gray-200, #EAECF0);
background: var(--Gray-50, #F9FAFB);
overflow: hidden;
}
.customNotificacion .notificationModal .results .info .image svg {
width: 22px !important;
height: 22px !important;
}
.customNotificacion .notificationModal .results .info .image img {
width: 100% !important;
height: 100% !important;
border-radius: 0 !important;
object-fit: cover !important;
}
.customNotificacion .notificationModal .results .name__info {
min-width: 0;
}
.customNotificacion .notificationModal .results .fileName {
color: var(--Gray-900, #101828);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
line-height: 20px;
}
.customNotificacion .notificationModal .results .proyect {
color: var(--Gray-500, #667085);
font-size: 12px;
line-height: 18px;
}
.customNotificacion .notificationModal .results .proyect span {
margin-right: 4px;
color: var(--Gray-700, #344054);
}
.customNotificacion .notificationModal .results .actionInfo {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
min-width: 0;
max-width: 170px;
text-align: right;
}
.customNotificacion .notificationModal .results .actionInfo .action {
max-width: 100%;
overflow: hidden;
padding: 1px 8px;
border-radius: 99px;
background: color-mix(in srgb, currentColor 12%, transparent);
font-size: 11px;
line-height: 18px;
text-overflow: ellipsis;
white-space: nowrap;
}
.customNotificacion .notificationModal .results .actionInfo a.action:hover {
background: color-mix(in srgb, currentColor 22%, transparent);
}
.customNotificacion .notificationModal .results .actionInfo .from {
max-width: 100%;
color: var(--Gray-500, #667085);
font-size: 12px;
line-height: 16px;
}
.customNotificacion .notificationModal .modalFooter {
padding: 12px 20px 16px;
border-top: 1px solid var(--Gray-200, #EAECF0);
}
.customNotificacion .notificationModal .modalCta {
background: var(--m-azul-m, #0393E9);
color: var(--White, #FFF);
}
.customNotificacion .notificationModal .modalCta svg {
color: var(--White, #FFF);
}
.customNotificacion .notificationModal .noResults {
padding: 32px 24px;
}
.customNotificacion .notificationModal .iconBody {
width: 24px;
height: 24px;
padding: 12px;
border-radius: 12px;
border: 1px solid rgba(3, 147, 233, 0.35);
background: rgba(3, 147, 233, 0.08);
box-shadow: none;
color: var(--m-azul-m, #0393E9);
}
.customNotificacion .notificationModal .bodyTitle {
color: var(--Gray-900, #101828);
font-size: 18px;
letter-spacing: -0.2px;
}
@media screen and (max-width: 1199px) {
.customNotificacion .modalTrigger {
width: 40px;
height: 40px;
border-radius: 10px;
}
.customNotificacion .notificationModal {
width: 100%;
border-width: 0;
border-radius: 20px 20px 0 0;
margin: 0;
}
.customNotificacion .notificationModal .headerModal {
grid-template-columns: minmax(0, 1fr) auto;
padding: 26px 16px 14px;
}
.customNotificacion .notificationModal .notificationTabs {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr 1fr;
}
.customNotificacion .notificationModal .notificationTabs__item {
padding: 7px 12px;
}
.customNotificacion .notificationModal .results {
max-height: none;
margin: 0;
padding: 0 8px 8px;
}
.customNotificacion .notificationModal .results .result {
grid-template-columns: minmax(0, 1fr) auto;
padding: 10px 8px;
margin-bottom: 0;
}
.customNotificacion .notificationModal .results .actionInfo {
max-width: 120px;
}
.customNotificacion .notificationModal .results .actionInfo .action,
.customNotificacion .notificationModal .results .actionInfo .from {
font-size: 11px;
}
}
@media screen and (max-width: 1199px) {
.fi-resource-project-file-shipments div.dynamicTableComponent .tableTitle,
.fi-resource-anonymous-project-file-shipments div.dynamicTableComponent .tableTitle {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 17px;
line-height: 1.3;
}
}
.customNotificacion .notificationModal .modalBody {
background: #F3F5F8;
}
.customNotificacion .notificationModal .results {
padding: 0 10px 12px 14px;
}
.customNotificacion .notificationModal .results .date {
padding: 14px 4px 8px;
background: #F3F5F8;
color: var(--Gray-600, #475467);
}
.customNotificacion .notificationModal .results .result {
margin: 0 0 8px;
padding: 12px;
border: 1px solid var(--Gray-200, #EAECF0);
border-radius: 12px;
background: var(--White, #FFF);
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
transition: border-color .15s ease, box-shadow .15s ease;
}
.customNotificacion .notificationModal .results .result:hover {
border-color: rgba(3, 147, 233, 0.45);
background: var(--White, #FFF);
box-shadow: 0 4px 12px rgba(16, 24, 40, 0.08);
}
.customNotificacion .notificationModal .results .info .image {
border-color: transparent;
background: #EEF6FD;
}
.customNotificacion .notificationModal .modalFooter {
background: var(--White, #FFF);
}
.customNotificacion .notificationModal .noResults {
background: var(--White, #FFF);
}
@media screen and (max-width: 1199px) {
.customNotificacion .notificationModal .results {
padding: 0 10px 12px;
}
.customNotificacion .notificationModal .results .result {
padding: 10px;
margin-bottom: 8px;
}
}
.customNotificacion .notificationModal {
border: 1px solid var(--Gray-700, #344054);
background: #111A2C;
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(3, 147, 233, 0.08);
}
.customNotificacion .notificationModal .headerModal {
border-bottom-color: var(--Gray-800, #1D2939);
background: linear-gradient(180deg, rgba(3, 147, 233, 0.14) 0%, rgba(3, 147, 233, 0) 100%);
}
.customNotificacion .notificationModal .headerTitle {
color: var(--White, #FFF);
}
.customNotificacion .notificationModal .notificationTabs {
border: 1px solid var(--Gray-700, #344054);
background: rgba(16, 24, 40, 0.8);
}
.customNotificacion .notificationModal .notificationTabs__item {
color: var(--Gray-400, #98A2B3);
}
.customNotificacion .notificationModal .notificationTabs__item:hover {
color: var(--White, #FFF);
}
.customNotificacion .notificationModal .notificationTabs__item.is-active {
background: var(--m-azul-m, #0393E9);
color: var(--Gray-900, #101828);
box-shadow: none;
}
.customNotificacion .notificationModal .modalBody {
background: #0C1322;
}
.customNotificacion .notificationModal .results {
scrollbar-color: var(--Gray-700, #344054) transparent;
}
.customNotificacion .notificationModal .results::-webkit-scrollbar-thumb,
.customNotificacion .notificationModal .results::-webkit-scrollbar-thumb:hover {
background: var(--Gray-700, #344054);
}
.customNotificacion .notificationModal .results .date {
background: #0C1322;
color: var(--m-azul-m, #0393E9);
}
.customNotificacion .notificationModal .results .result {
border-color: var(--Gray-800, #1D2939);
background: #152035;
box-shadow: none;
}
.customNotificacion .notificationModal .results .result:hover {
border-color: rgba(3, 147, 233, 0.55);
background: #18253D;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}
.customNotificacion .notificationModal .results .info .image {
border: 1px solid rgba(3, 147, 233, 0.25);
background: rgba(3, 147, 233, 0.1);
}
.customNotificacion .notificationModal .results .fileName {
color: var(--White, #FFF);
}
.customNotificacion .notificationModal .results .proyect {
color: var(--Gray-500, #667085);
}
.customNotificacion .notificationModal .results .proyect span {
color: var(--Gray-300, #D0D5DD);
}
.customNotificacion .notificationModal .results .actionInfo .action {
background: color-mix(in srgb, currentColor 18%, transparent);
}
.customNotificacion .notificationModal .results .actionInfo .action[style*="red"] {
color: var(--Error-400, #F97066) !important;
}
.customNotificacion .notificationModal .results .actionInfo .from {
color: var(--Gray-400, #98A2B3);
}
.customNotificacion .notificationModal .modalFooter {
border-top-color: var(--Gray-800, #1D2939);
background: #111A2C;
}
.customNotificacion .notificationModal .modalCta {
color: var(--Gray-900, #101828);
}
.customNotificacion .notificationModal .modalCta svg {
color: var(--Gray-900, #101828);
}
.customNotificacion .notificationModal .noResults {
background: #0C1322;
}
.customNotificacion .notificationModal .iconBody {
border-color: rgba(3, 147, 233, 0.45);
background: rgba(3, 147, 233, 0.12);
}
.customNotificacion .notificationModal .bodyTitle {
color: var(--White, #FFF);
}
.customNotificacion .notificationModal .bodyText {
color: var(--Gray-400, #98A2B3);
}
@media screen and (max-width: 1199px) {
.customNotificacion .notificationModal {
border-width: 1px 0 0;
}
.customNotificacion .notificationModal::after {
background: var(--Gray-600, #475467);
}
.customNotificacion .notificationModal .notificationClose {
border-color: var(--Gray-700, #344054);
color: var(--Gray-300, #D0D5DD);
}
div.dynamicTableComponent .tableTitle {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 17px;
line-height: 1.3;
}
}
@media screen and (max-width: 1199px) {
div.dynamicTableComponent .tableTitle .tableTitleCount .icon {
flex: 0 0 auto;
width: 18px;
height: 18px;
}
}
@media screen and (max-width: 1199px) {
.dynamicTableComponent .title__tabs > .flex > :not(.tabs) ~ :not(.tabs) {
margin-left: 0;
}
.dynamicTableComponent .title__tabs > .flex > .fi-ta-actions:not(:has(.fi-ac-action:not(.customToggleGrid))) {
display: none;
}
}
@media screen and (max-width: 1199px) {
div.dynamicTableComponent .title__tabs:not(:has(.tabs)):not(:has(.fileViewContent)):has(> .flex .tabsButtons, > .flex .fi-ac-action:not(.customToggleGrid)) {
flex-direction: row;
align-items: center;
}
div.dynamicTableComponent .title__tabs:not(:has(.tabs)):not(:has(.fileViewContent)):has(> .flex .tabsButtons, > .flex .fi-ac-action:not(.customToggleGrid)) > .tableTitle {
flex: 1 1 auto;
align-self: center;
min-width: 0;
}
div.dynamicTableComponent .title__tabs:not(:has(.tabs)):not(:has(.fileViewContent)):has(> .flex .tabsButtons, > .flex .fi-ac-action:not(.customToggleGrid)) > .flex {
flex: 0 0 auto;
width: auto;
}
}
.folderHeader {
display: none;
}
@media screen and (max-width: 1199px) {
.fi-page:has(.tableTitle .folderHeader) > section {
row-gap: 16px;
}
.fi-page:has(.tableTitle .folderHeader) .fi-header {
gap: 12px;
}
.fi-page:has(.tableTitle .folderHeader) .fi-header .fi-breadcrumbs {
margin-bottom: 0;
}
.fi-page:has(.tableTitle .folderHeader) .fi-header .fi-breadcrumbs-list,
.fi-page:has(.tableTitle .folderHeader) .fi-header .fi-breadcrumbs-item {
column-gap: 6px;
}
.fi-page:has(.tableTitle .folderHeader) .fi-header .fi-breadcrumbs-item-label {
color: var(--Gray-400, #98A2B3) !important;
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 20px;
text-decoration: none !important;
}
.fi-page:has(.tableTitle .folderHeader) .fi-header .fi-breadcrumbs-item:last-child .fi-breadcrumbs-item-label {
color: var(--White, #FFF) !important;
}
.fi-page:has(.tableTitle .folderHeader) .fi-header .fi-breadcrumbs-item svg {
width: 14px;
height: 14px;
color: var(--Gray-600, #475467);
}
.fi-page:has(.tableTitle .folderHeader) .fi-header > .flex {
width: 100%;
}
.fi-page:has(.tableTitle .folderHeader) .fi-header .fi-ac {
flex: 1 1 auto;
flex-wrap: nowrap;
justify-content: flex-end;
gap: 8px;
margin: 0;
min-width: 0;
}
.fi-page:has(.tableTitle .folderHeader) .fi-header .fi-ac > .table__groupPermission {
margin: 0 auto 0 0;
}
.fi-page:has(.tableTitle .folderHeader) div.dynamicTableComponent {
padding-top: 18px;
}
div.dynamicTableComponent .title__tabs:has(.folderHeader) {
flex-direction: column;
align-items: stretch;
gap: 12px;
margin-bottom: 16px;
}
div.dynamicTableComponent .title__tabs:has(.folderHeader) > .tableTitle {
display: block;
width: 100%;
min-width: 0;
}
div.dynamicTableComponent .title__tabs:has(.folderHeader) > .flex {
width: 100%;
}
div.dynamicTableComponent .title__tabs:has(.folderHeader) > .flex > .fi-ta-actions {
flex: 1 1 auto;
justify-content: flex-end;
gap: 8px;
margin: 0;
}
div.dynamicTableComponent .tableTitle .folderHeader {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
min-height: 24px;
}
.folderHeader__path {
display: flex;
flex: 0 1 auto;
align-items: center;
gap: 6px;
min-width: 0;
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 20px;
}
.folderHeader__path::after {
content: "";
flex: 0 0 auto;
width: 5px;
height: 5px;
margin: 0 3px 0 1px;
border-top: 1.5px solid var(--Gray-600, #475467);
border-right: 1.5px solid var(--Gray-600, #475467);
transform: rotate(45deg);
}
.folderHeader__crumb {
overflow: hidden;
flex: 0 1 auto;
min-width: 24px;
max-width: 120px;
color: var(--Gray-400, #98A2B3) !important;
text-decoration: none !important;
text-overflow: ellipsis;
white-space: nowrap;
}
a.folderHeader__crumb:hover {
color: var(--m-azul-m, #0393E9) !important;
}
.folderHeader__sep {
flex: 0 0 auto;
width: 5px;
height: 5px;
margin: 0 3px 0 1px;
border-top: 1.5px solid var(--Gray-600, #475467);
border-right: 1.5px solid var(--Gray-600, #475467);
transform: rotate(45deg);
}
.folderHeader__more {
position: relative;
flex: 0 0 auto;
}
.folderHeader__moreBtn {
display: flex;
align-items: center;
justify-content: center;
height: 20px;
padding: 0 7px 4px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.06);
color: var(--Gray-300, #D0D5DD);
font-size: 13px;
line-height: 1;
}
.folderHeader__moreBtn.is-active {
background: var(--m-800, #075F92);
color: var(--White, #FFF);
}
.folderHeader__menu {
position: absolute;
top: calc(100% + 6px);
left: 0;
z-index: 20;
display: flex;
flex-direction: column;
min-width: 180px;
max-width: 260px;
padding: 6px;
border-radius: 10px;
border: 1px solid var(--Gray-700, #344054);
background: var(--Gray-850, #172030);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.45);
}
.folderHeader__menuLink {
overflow: hidden;
padding: 8px 10px;
border-radius: 6px;
color: var(--Gray-200, #EAECF0) !important;
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 18px;
text-decoration: none !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.folderHeader__menuLink:hover {
background: rgba(3, 147, 233, 0.14);
}
.folderHeader__name {
overflow: hidden;
flex: 1 1 auto;
min-width: 60px;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
line-height: 20px;
text-overflow: ellipsis;
white-space: nowrap;
}
.folderHeader:not(:has(.folderHeader__path)) .folderHeader__name {
font-size: 17px;
line-height: 1.3;
}
}
@media screen and (max-width: 1199px) {
.fileViewContent .fileView {
gap: 14px;
padding: 14px 16px 16px;
}
.fileViewContent .fileView .upper {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 28px;
}
.fileViewContent .fileView .upper > :first-child {
flex: 1 1 auto;
min-width: 0;
}
.fileViewContent .fileView .upper > :last-child {
flex: 0 0 auto;
}
.fileViewContent .fileView .upper .fi-breadcrumbs {
margin: 0;
}
.fileViewContent .fileHeaderPath {
display: flex;
align-items: center;
min-width: 0;
}
.fileViewContent .fileHeaderPath .folderHeader__path::after {
display: none;
}
.fileViewContent .fileView .upper .table__groupPermission {
box-sizing: border-box;
height: 28px;
padding: 0 10px;
border-radius: 99px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(16, 24, 40, 0.6);
}
.fileViewContent .fileView .upper .table__groupPermission .groupCount {
color: var(--Gray-300, #D0D5DD);
font-size: 12px;
line-height: 1;
}
.fileViewContent .fileView .nameActions {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 14px 8px;
}
.fileViewContent .fileView .nameActions > .fileViewHeader {
flex: 1 1 100%;
min-width: 0;
}
.fileViewContent .fileView .nameIcon {
gap: 12px;
min-width: 0;
}
.fileViewContent .fileView .nameIcon > div:last-child {
min-width: 0;
}
.fileViewContent .fileView .nameIcon .icon {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(16, 24, 40, 0.6);
}
.fileViewContent .fileView .nameIcon .icon svg {
min-width: 30px;
width: 30px;
height: 30px;
}
.fileViewContent .fileView .nameIcon .name {
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 16px;
line-height: 22px;
overflow-wrap: anywhere;
-webkit-line-clamp: 2;
}
.fileViewContent .fileView .nameIcon .fileSize {
line-height: 18px;
}
.fileViewContent .fileView .createdAt {
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid var(--Gray-700, #344054);
font-size: 12px;
line-height: 18px;
letter-spacing: 0;
}
.fileViewContent .fileView .nameActions > :nth-child(2) {
flex: 0 0 auto;
gap: 8px;
}
.fileViewContent .fileView .nameActions > :nth-child(2) .customPrimaryButton {
width: 36px;
height: 36px;
min-width: 0;
padding: 0;
justify-content: center;
}
.fileViewContent .fileView .nameActions > :nth-child(2) .customPrimaryButton .fi-btn-label {
display: none;
}
.fileViewContent .fileView .nameActions > .fileViewActions {
flex: 1 1 auto;
justify-content: flex-end;
gap: 18px;
min-width: 0;
}
}
@media screen and (max-width: 1199px) {
.fi-page:not(.fi-dashboard-page) div.dynamicTableComponent .fi-ta-filters {
align-items: stretch;
}
.fi-page:not(.fi-dashboard-page) div.dynamicTableComponent .fi-ta-filters.filtersOpenCtn {
margin-top: 12px;
padding: 14px;
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(16, 24, 40, 0.6);
}
.fi-page:not(.fi-dashboard-page) div.dynamicTableComponent .fi-ta-filters > .fi-fo-component-ctn {
grid-template-columns: minmax(0, 1fr);
gap: 14px;
width: 100%;
}
.fi-page:not(.fi-dashboard-page) div.dynamicTableComponent .fi-ta-filters > .fi-fo-component-ctn > * {
grid-column: 1 / -1;
min-width: 0;
}
.fi-page:not(.fi-dashboard-page) div.dynamicTableComponent .fi-ta-filters .fi-fo-component-ctn {
width: 100%;
grid-template-columns: minmax(0, 1fr);
}
.fi-page:not(.fi-dashboard-page) div.dynamicTableComponent .fi-ta-filters .fi-fo-component-ctn > * {
grid-column: 1 / -1;
min-width: 0;
}
.fi-page:not(.fi-dashboard-page) div.dynamicTableComponent .fi-ta-filters .fi-fo-field-wrp {
width: 100%;
}
.fi-page:not(.fi-dashboard-page) div.dynamicTableComponent .fi-ta-filters .fi-fo-field-wrp-label {
justify-content: flex-start;
}
.fi-page:not(.fi-dashboard-page) div.dynamicTableComponent .fi-ta-filters .fi-fo-field-wrp-label span {
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 16px;
text-align: left;
}
.fi-page:not(.fi-dashboard-page) div.dynamicTableComponent .fi-ta-filters .fi-input-wrp {
width: 100%;
}
.fi-page:not(.fi-dashboard-page) div.dynamicTableComponent .fi-ta-filters .choices__inner {
padding-left: 12px;
text-align: left;
}
}
.cartMobileRow__cover {
display: inline-flex;
flex: 0 0 44px;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.08);
background-color: rgba(16, 24, 40, 0.8);
background-position: center;
background-size: cover;
color: var(--Gray-400, #98A2B3);
}
.cartMobileRow__coverIcon {
width: 22px;
height: 22px;
}
@media screen and (max-width: 1199px) {
.dynamicTableComponent .fi-ta-content .grid .fi-ta-record:has(.cartMobileRow) label:has(> .fi-checkbox-input) {
border-radius: 12px;
}
}
.topbarSearchToggle {
display: none;
}
@media screen and (max-width: 1199px) {
.fi-topbar nav {
grid-template-columns: 36px minmax(0, 1fr) auto auto auto;
}
.fi-topbar nav > .topbarSearchToggle {
display: flex;
grid-row: 1;
grid-column: 3;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.04);
color: var(--Gray-300, #D0D5DD);
transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.fi-topbar nav > .topbarSearchToggle.is-active {
border-color: var(--m-azul-m, #0393E9);
background: rgba(3, 147, 233, 0.14);
color: var(--White, #FFF);
}
.fi-topbar nav > .topbarSearchToggle__icon,
.fi-topbar nav > .topbarSearchToggle .topbarSearchToggle__icon {
width: 18px;
height: 18px;
}
.fi-topbar nav > .customNotificacion.trashNotification {
grid-column: 4;
}
.fi-topbar nav > .customNotificacion:not(.trashNotification) {
grid-column: 5;
}
.fi-topbar nav:not(.is-search-open) > .ms-auto {
display: none;
}
}
.fileViewContent .nameIcon .name {
cursor: pointer;
}
.fileViewContent .nameIcon .name.is-expanded {
display: block;
overflow: visible;
overflow-wrap: anywhere;
-webkit-line-clamp: unset;
}
@media screen and (max-width: 1199px) {
.fileViewContent .fileView .createdAt__item {
display: block;
}
.fileViewContent .fileView .createdAt__separator {
display: none;
}
}
@media screen and (max-width: 1199px) {
.fi-page:has(.ndaPageHeader) .grid.gap-y-8 {
row-gap: 16px;
}
.fi-page:has(.ndaPageHeader) .ndaPageHeader {
flex-direction: column;
align-items: flex-start;
gap: 16px;
margin-top: 8px;
}
.fi-page:has(.ndaPageHeader) .ndaPageHeader .pageLogo {
width: auto;
height: 36px;
}
.fi-page:has(.ndaPageHeader) .ndaPageHeader .pills {
box-sizing: border-box;
width: 100%;
line-height: 1.35;
}
.fi-page:has(.ndaPageHeader) .pillsNotice {
box-sizing: border-box;
justify-self: stretch;
width: 100%;
max-width: none;
margin: 0;
}
.fi-page:has(.ndaPageHeader) .modalNDA {
margin: 8px 0 0;
padding: 20px 16px;
}
.fi-page:has(.ndaPageHeader) .modalNDA .modalHeader .title {
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 22px !important;
line-height: 1.25 !important;
letter-spacing: -0.2px !important;
}
.fi-page:has(.ndaPageHeader) .modalNDA .modalBody {
margin-bottom: 0;
}
.fi-page:has(.ndaPageHeader) .modalNDA .ndaContent > p {
font-size: 13px;
line-height: 1.6;
}
.fi-page:has(.ndaPageHeader) .modalNDA .ctaPrimary {
width: 100%;
min-height: 44px;
margin: 24px 0 0;
justify-content: center;
}
}
@media screen and (max-width: 1199px) {
.fi-body .fileViewerPage > .logo {
width: auto;
height: 36px;
}
.fi-body .fileViewerPage .header {
flex-direction: column;
align-items: stretch;
gap: 12px;
margin-top: 4px;
}
.fi-body .fileViewerPage .welcomeText {
align-self: flex-start;
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 20px;
line-height: 1.25;
text-align: left;
}
.fi-body .fileViewerPage .anonymousBreadcrumbsWrapper {
margin: 4px 0 12px;
}
.fi-body .fileViewerPage .anonymousBreadcrumbsWrapper > .fi-breadcrumbs {
display: none;
}
.fi-body .fileViewerPage .anonymousBreadcrumbsWrapper .shipmentBrowserPath {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
min-height: 24px;
}
.fi-body .fileViewerPage .shipmentBrowserPath:not(:has(.folderHeader__name)) .folderHeader__path::after {
display: none;
}
.fi-body .fileViewerPage .shipmentBrowserPath:not(:has(.folderHeader__path)) .folderHeader__name {
font-size: 17px;
line-height: 1.3;
}
.fi-body .fileViewerPage .serieCard {
align-items: center;
gap: 12px;
margin: 0 0 16px;
padding: 12px;
}
.fi-body .fileViewerPage .serieCard img,
.fi-body .fileViewerPage .serieCard .serieCover {
flex: 0 0 auto;
width: 56px;
height: 56px;
border-radius: 10px;
object-fit: cover;
}
.fi-body .fileViewerPage .serieCard .serieInfo {
min-width: 0;
}
.fi-body .fileViewerPage .serieCard .serieTitle {
overflow: hidden;
margin-bottom: 2px;
font-size: 16px;
text-overflow: ellipsis;
white-space: nowrap;
}
.fi-body .fileViewerPage .serieCard .serieDescription {
font-size: 13px;
text-align: left;
}
.fi-body .fileViewerPage .fileViewHeaderCtn {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 14px 8px;
}
.fi-body .fileViewerPage .fileViewHeaderCtn > .fileViewHeader {
flex: 1 1 100%;
}
.fi-body .fileViewerPage .fileViewHeaderCtn .anonymousFileNavigation {
flex: 0 0 auto;
width: auto;
justify-content: flex-start;
gap: 8px;
}
.fi-body .fileViewerPage .fileViewHeaderCtn .anonymousFileNavigation .customPrimaryButton {
width: 36px;
height: 36px;
min-width: 0;
padding: 0;
justify-content: center;
}
.fi-body .fileViewerPage .fileViewHeaderCtn .anonymousFileNavigation .customPrimaryButton .fi-btn-label {
display: none;
}
.fi-body .fileViewerPage .fileViewHeaderCtn > a.cta {
display: inline-flex;
align-items: center;
gap: 6px;
height: 36px;
margin-left: auto;
padding: 0 12px;
border-radius: 8px;
border: 1px solid var(--m-800, #075F92);
background: rgba(1, 69, 108, 0.5);
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 13px;
line-height: 1;
text-decoration: none;
}
.fi-body .fileViewerPage .fileViewHeaderCtn > a.cta svg {
width: 16px;
height: 16px;
margin: 0;
}
}
@media screen and (max-width: 1199px) {
.fi-body .fileViewerPage .shipmentBrowserPath .folderHeader__crumb {
max-width: none;
}
}
@media screen and (max-width: 1199px) {
.fi-body .fileViewerPage {
position: relative;
}
.fi-body .fileViewerPage .welcomeText {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
max-width: calc(100% - 120px);
height: 36px;
font-size: 16px;
text-align: right;
}
.fi-body .fileViewerPage .header {
margin-top: 0;
}
}
@media screen and (max-width: 1199px) {
.fi-body .fileViewerPage .anonymousDownloadAll {
display: inline-flex;
align-items: center;
gap: 6px;
height: 36px;
padding: 0 12px;
border-radius: 8px;
border: 1px solid var(--m-800, #075F92);
background: rgba(1, 69, 108, 0.5);
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 13px;
line-height: 1;
}
.fi-body .fileViewerPage .anonymousDownloadAll .icon {
width: 16px;
height: 16px;
color: currentColor;
}
}
.analyticRecipientMobileRow__badge {
color: var(--m-azul-m, #0393E9);
}
.analyticRecipientMobileRow__icon {
width: 20px;
height: 20px;
}
.analyticRecipientMobileRow .userMobileRow__head {
justify-content: space-between;
}
.analyticRecipientMobileRow__date {
flex: 0 0 auto;
color: var(--Gray-500, #667085);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 11px;
white-space: nowrap;
}
.analyticRecipientMobileRow__stats {
flex-wrap: wrap;
gap: 4px 14px;
}
@media screen and (max-width: 1199px) {
div.dynamicTableComponent .infoCards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin: 4px 0 12px;
padding-inline: 16px !important;
}
div.dynamicTableComponent .infoCards .infoCardItem {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
grid-template-areas:
"icon value"
"title title";
align-items: center;
gap: 4px 8px;
min-width: 0;
padding: 10px 12px;
border-radius: 10px;
}
div.dynamicTableComponent .infoCards .infoCardItem .icon {
grid-area: icon;
}
div.dynamicTableComponent .infoCards .infoCardItem .titleValue {
grid-area: value;
font-size: 18px;
line-height: 1.1;
}
div.dynamicTableComponent .infoCards .infoCardItem .titleCard {
grid-area: title;
overflow: hidden;
color: var(--Gray-400, #98A2B3);
font-size: 12px;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
div.dynamicTableComponent .infoCards .infoCardItem .titleCard__colon {
display: none;
}
.fi-resource-analytic-project-file-shipments div.dynamicTableComponent .tableTitle {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow-wrap: anywhere;
}
.fi-resource-analytic-project-file-shipments .fi-header .fi-breadcrumbs-list {
flex-wrap: nowrap;
column-gap: 6px;
min-width: 0;
}
.fi-resource-analytic-project-file-shipments .fi-header .fi-breadcrumbs-item {
flex: 0 1 auto;
column-gap: 6px;
min-width: 0;
}
.fi-resource-analytic-project-file-shipments .fi-header .fi-breadcrumbs-item:first-child {
flex-shrink: 0;
}
.fi-resource-analytic-project-file-shipments .fi-header .fi-breadcrumbs-item-label {
overflow: hidden;
color: var(--Gray-400, #98A2B3) !important;
font-size: 13px;
text-decoration: none !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.fi-resource-analytic-project-file-shipments .fi-header .fi-breadcrumbs-item:last-child .fi-breadcrumbs-item-label {
color: var(--White, #FFF) !important;
}
.fi-resource-analytic-project-file-shipments .fi-header .fi-breadcrumbs-item svg {
flex: 0 0 auto;
width: 14px;
height: 14px;
color: var(--Gray-600, #475467);
}
}
@media screen and (max-width: 1199px) {
div.videoTrackingLayout {
flex-direction: column;
}
.videoTrackingLayout > .videoTrackingSide {
width: 100% !important;
padding: 16px;
border-right: 0;
border-bottom: 1px solid var(--Gray-700, #344054);
}
.videoTrackingLayout > .videoTrackingSide > .mb-4:first-child {
margin-bottom: 12px;
}
.videoTrackingLayout .videoTrackingTitle {
overflow: hidden;
font-size: 15px;
text-overflow: ellipsis;
white-space: nowrap;
}
.videoTrackingLayout .sharedWith {
font-size: 13px;
}
.videoTrackingLayout .videoTrackingThumbnail {
width: 100%;
max-height: 170px;
border-radius: 10px;
object-fit: cover;
}
.videoTrackingLayout .videoTrackingStats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.videoTrackingLayout .videoTrackingStats > * {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
justify-content: flex-end;
gap: 2px;
margin: 0 !important;
padding: 10px 12px !important;
border: 1px solid var(--Gray-700, #344054) !important;
border-radius: 10px;
background: rgba(29, 41, 57, 0.8);
}
.videoTrackingLayout .videoTrackingStats .infoTitle {
color: var(--Gray-400, #98A2B3);
font-size: 12px;
line-height: 1.3;
}
.videoTrackingLayout .videoTrackingStats .infoValue {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 18px;
line-height: 1.1;
}
.videoTrackingLayout > .videoTrackingChart {
width: 100% !important;
padding: 12px 8px 16px;
}
.fileTrackingHeader {
flex-wrap: wrap;
padding: 16px 16px 0 !important;
}
.fileTrackingHeader .videoTrackingTitle {
flex: 1 1 0;
min-width: 0;
font-size: 15px;
}
.fileTrackingHeader .infoCards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
width: 100%;
margin: 4px 0 0;
}
.fileTrackingHeader .infoCards .infoCardItem {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
grid-template-areas:
"icon value"
"title title";
align-items: center;
gap: 4px 8px;
min-width: 0;
padding: 10px 12px;
border-radius: 10px;
}
.fileTrackingHeader .infoCards .infoCardItem .icon {
grid-area: icon;
}
.fileTrackingHeader .infoCards .infoCardItem .titleValue {
grid-area: value;
font-size: 18px;
line-height: 1.1;
}
.fileTrackingHeader .infoCards .infoCardItem .titleCard {
grid-area: title;
overflow: hidden;
color: var(--Gray-400, #98A2B3);
font-size: 12px;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
.fileTrackingHeader .infoCards .titleCard__colon {
display: none;
}
.fileTrackingChart {
padding: 0 8px 16px !important;
}
.fi-resource-analytic-project-file-shipments .fi-header .fi-breadcrumbs-list {
flex-wrap: nowrap;
}
}
@media screen and (max-width: 1199px) {
.fi-page:has(.videoTrackingLayout, .fileTrackingHeader) .fi-header .fi-breadcrumbs-list {
flex-wrap: nowrap;
column-gap: 6px;
min-width: 0;
}
.fi-page:has(.videoTrackingLayout, .fileTrackingHeader) .fi-header .fi-breadcrumbs-item {
flex: 0 1 auto;
column-gap: 6px;
min-width: 0;
}
.fi-page:has(.videoTrackingLayout, .fileTrackingHeader) .fi-header .fi-breadcrumbs-item:first-child {
flex-shrink: 0;
}
.fi-page:has(.videoTrackingLayout, .fileTrackingHeader) .fi-header .fi-breadcrumbs-item-label {
overflow: hidden;
color: var(--Gray-400, #98A2B3) !important;
font-size: 13px;
text-decoration: none !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.fi-page:has(.videoTrackingLayout, .fileTrackingHeader) .fi-header .fi-breadcrumbs-item:last-child .fi-breadcrumbs-item-label {
color: var(--White, #FFF) !important;
}
.fi-page:has(.videoTrackingLayout, .fileTrackingHeader) .fi-header .fi-breadcrumbs-item svg {
flex: 0 0 auto;
width: 14px;
height: 14px;
color: var(--Gray-600, #475467);
}
}
@media screen and (max-width: 1199px) {
.analyticStatsChart {
margin-bottom: 24px;
}
.analyticStatsChart > .analyticStatsChart__inner {
padding: 8px 4px 12px !important;
}
div.dynamicTableComponent .infoCards .infoCardItem:last-child:nth-child(odd),
.fileTrackingHeader .infoCards .infoCardItem:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
.fi-resource-analytic-project-file-shipments .fi-header .fi-breadcrumbs-item:not(:first-child):not(:last-child),
.fi-page:has(.videoTrackingLayout, .fileTrackingHeader) .fi-header .fi-breadcrumbs-item:not(:first-child):not(:last-child) {
flex: 0 0 auto;
max-width: 38%;
}
.fi-resource-analytic-project-file-shipments .fi-header .fi-breadcrumbs-item:last-child,
.fi-page:has(.videoTrackingLayout, .fileTrackingHeader) .fi-header .fi-breadcrumbs-item:last-child {
flex: 1 1 0;
}
}
@media screen and (max-width: 1199px) {
.analyticStatsChart .fi-section-content {
padding-top: 4px !important;
}
}
.videoTrackingStats__icon,
.videoTrackingStats__bar,
.analyticChartTitle {
display: none;
}
@media screen and (max-width: 1199px) {
.videoTrackingLayout > .videoTrackingSide {
display: grid;
grid-template-columns: 88px minmax(0, 1fr);
column-gap: 12px;
row-gap: 14px;
}
.videoTrackingLayout > .videoTrackingSide > .mb-4:first-child {
grid-column: 2;
grid-row: 1;
align-self: center;
min-width: 0;
margin: 0;
}
.videoTrackingLayout > .videoTrackingSide > .mb-4:first-child > .flex {
margin-bottom: 4px;
}
.videoTrackingLayout > .videoTrackingSide > .mb-4:first-child .videoTrackingIcon {
display: none;
}
.videoTrackingLayout > .videoTrackingSide > .mb-4:nth-child(2) {
grid-column: 1;
grid-row: 1;
margin: 0;
}
.videoTrackingLayout .videoTrackingThumbnail {
width: 88px;
height: 56px;
max-height: none;
border-radius: 8px;
border: 1px solid var(--Gray-700, #344054);
}
.videoTrackingLayout .videoTrackingTitle {
display: -webkit-box;
overflow: hidden;
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
line-height: 1.3;
white-space: normal;
overflow-wrap: anywhere;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.videoTrackingLayout .videoTrackingStats {
grid-column: 1 / -1;
}
.videoTrackingLayout .videoTrackingStats > .videoTrackingStats__item {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
grid-template-areas:
"icon value"
"title title"
"bar bar";
align-items: center;
gap: 4px 8px;
}
.videoTrackingLayout .videoTrackingStats__icon {
display: block;
grid-area: icon;
width: 16px;
height: 16px;
color: var(--m-azul-m, #0393E9);
}
.videoTrackingLayout .videoTrackingStats .infoValue {
grid-area: value;
}
.videoTrackingLayout .videoTrackingStats .infoTitle {
grid-area: title;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.videoTrackingLayout .videoTrackingStats__bar {
display: block;
grid-area: bar;
overflow: hidden;
height: 4px;
margin-top: 4px;
border-radius: 99px;
background: var(--Gray-700, #344054);
}
.videoTrackingLayout .videoTrackingStats__bar > span {
display: block;
height: 100%;
border-radius: inherit;
background: var(--m-azul-m, #0393E9);
}
.analyticChartTitle {
display: block;
margin: 0 0 2px;
padding: 0 8px;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
line-height: 1.3;
}
.videoTrackingLayout > .videoTrackingChart {
padding: 16px 8px 12px;
}
.videoTrackingLayout > .videoTrackingChart .fi-section-content {
padding-top: 4px !important;
}
.analyticStatsChart > .analyticStatsChart__inner {
padding: 16px 8px 12px !important;
}
}
.videoTrackingRing {
display: none;
}
@media screen and (max-width: 1199px) {
.videoTrackingLayout > .videoTrackingSide {
display: flex;
flex-direction: column;
gap: 16px;
padding: 18px 16px;
}
.videoTrackingLayout > .videoTrackingSide > .videoTrackingHeading {
margin: 0;
padding: 0;
font-size: 15px;
}
.videoTrackingLayout > .videoTrackingSide > .mb-4 {
margin: 0;
}
.videoTrackingLayout > .videoTrackingSide > .mb-4:has(.videoTrackingThumbnail),
.videoTrackingLayout > .videoTrackingSide > .mb-4:has(.videoTrackingTitle) > .flex,
.videoTrackingLayout > .videoTrackingSide > .mb-4:has(.videoTrackingTitle):not(:has(.sharedWith)) {
display: none;
}
.videoTrackingLayout > .videoTrackingSide > .videoTrackingHeading + .mb-4:has(.sharedWith) {
margin-top: -12px;
}
.videoTrackingLayout .videoTrackingStats {
display: grid;
grid-template-columns: 112px minmax(0, 1fr);
align-items: center;
column-gap: 20px;
row-gap: 0;
}
.videoTrackingLayout .videoTrackingStats > .videoTrackingStats__item {
display: grid;
grid-column: 2;
grid-template-columns: auto minmax(0, 1fr) auto;
grid-template-areas: "icon title value";
align-items: center;
gap: 10px;
margin: 0 !important;
padding: 12px 0 !important;
border: 0 !important;
border-bottom: 1px solid var(--Gray-800, #1D2939) !important;
border-radius: 0;
background: none;
}
.videoTrackingLayout .videoTrackingStats > .videoTrackingStats__item:last-child {
border-bottom: 0 !important;
}
.videoTrackingLayout .videoTrackingStats > .videoTrackingStats__item .infoTitle {
color: var(--Gray-300, #D0D5DD);
font-size: 13px;
}
.videoTrackingLayout .videoTrackingStats > .videoTrackingStats__item .infoValue {
font-size: 16px;
}
.videoTrackingLayout .videoTrackingStats > .videoTrackingStats__item--percent {
display: flex;
grid-column: 1;
grid-row: 1 / span 3;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 0 !important;
border-bottom: 0 !important;
}
.videoTrackingLayout .videoTrackingStats__item--percent .videoTrackingStats__icon,
.videoTrackingLayout .videoTrackingStats__item--percent .infoValue {
display: none;
}
.videoTrackingLayout .videoTrackingStats__item--percent .infoTitle {
order: 2;
color: var(--Gray-400, #98A2B3);
font-size: 12px;
text-align: center;
}
.videoTrackingLayout .videoTrackingRing {
position: relative;
display: flex;
order: 1;
align-items: center;
justify-content: center;
width: 104px;
height: 104px;
}
.videoTrackingLayout .videoTrackingRing::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: conic-gradient(var(--m-azul-m, #0393E9) calc(var(--progress, 0) * 1%), rgba(255, 255, 255, 0.08) 0);
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 9px), #000 calc(100% - 8px));
mask: radial-gradient(farthest-side, transparent calc(100% - 9px), #000 calc(100% - 8px));
}
.videoTrackingLayout .videoTrackingRing > span {
position: relative;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 19px;
letter-spacing: -0.3px;
}
}
.videoTrackingStats__item--mobile {
display: none !important;
}
@media screen and (max-width: 1199px) {
.videoTrackingLayout .videoTrackingStats > .videoTrackingStats__item--mobile {
display: grid !important;
}
.videoTrackingLayout .videoTrackingStats:has(.videoTrackingStats__item--mobile) > .videoTrackingStats__item--percent {
grid-row: 1 / span 4;
}
body:has(.videoTrackingLayout) div.dynamicTableComponent .infoCards {
display: none;
}
}
@media screen and (max-width: 1199px) {
.fi-breadcrumbs:has(> .breadcrumbsMobile) {
min-width: 0;
max-width: 100%;
margin-bottom: 0;
}
.fi-breadcrumbs:has(> .breadcrumbsMobile) > .fi-breadcrumbs-list {
display: none !important;
}
.fi-breadcrumbs > .breadcrumbsMobile {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
min-height: 24px;
}
.fi-header > div:has(> .fi-breadcrumbs) {
min-width: 0;
max-width: 100%;
}
}
@media screen and (max-width: 1199px) {
.fi-breadcrumbs > .breadcrumbsMobile .folderHeader__path {
flex: 0 1 auto;
}
.fi-breadcrumbs > .breadcrumbsMobile .folderHeader__crumb {
flex-shrink: 0;
min-width: 0;
max-width: 130px;
}
.fi-breadcrumbs > .breadcrumbsMobile .folderHeader__name {
flex: 1 1 0;
min-width: 70px;
}
}
.fileTrackingSummary {
display: none;
}
@media screen and (max-width: 1199px) {
body:has(.fileTrackingSummary) div.dynamicTableComponent .infoCards {
display: none;
}
.fileTrackingSummary {
display: block;
padding: 18px 16px 16px;
border-bottom: 1px solid var(--Gray-700, #344054);
}
.fileTrackingSummary > .analyticChartTitle,
.fileTrackingHeading {
margin: 0 0 14px;
padding: 0;
font-size: 15px;
}
.fileTrackingSummary__stats,
.fileTrackingHeader .infoCards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
}
.fileTrackingSummary__stat,
.fileTrackingHeader .infoCards .infoCardItem {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
min-width: 0;
padding: 0 12px;
border: 0;
border-left: 1px solid var(--Gray-800, #1D2939);
border-radius: 0;
background: none;
}
.fileTrackingSummary__stat:first-child,
.fileTrackingHeader .infoCards .infoCardItem:first-child {
padding-left: 0;
border-left: 0;
}
.fileTrackingSummary__icon,
.fileTrackingHeader .infoCards .infoCardItem .icon {
width: 18px;
min-width: 18px;
max-width: 18px;
height: 18px;
color: var(--m-azul-m, #0393E9);
}
.fileTrackingSummary__value,
.fileTrackingHeader .infoCards .infoCardItem .titleValue {
order: 2;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 22px;
line-height: 1.1;
}
.fileTrackingSummary__label,
.fileTrackingHeader .infoCards .infoCardItem .titleCard {
display: -webkit-box;
order: 3;
overflow: hidden;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 1.3;
white-space: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.fileTrackingHeader .infoCards .infoCardItem:last-child:nth-child(odd) {
grid-column: auto;
}
.fileTrackingHeading {
display: block;
padding: 18px 16px 0;
margin-bottom: 4px;
}
.fileTrackingHeader {
gap: 14px;
padding: 0 16px 16px !important;
border-bottom: 1px solid var(--Gray-700, #344054);
}
.fileTrackingHeader > svg {
display: none;
}
.fileTrackingHeader .videoTrackingTitle {
flex: 1 1 100%;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
}
.fileTrackingChart {
padding: 16px 8px 12px !important;
}
.fileTrackingChart .fi-section-content {
padding-top: 4px !important;
}
}
@media screen and (max-width: 1199px) {
.fileTrackingSummary__label,
.fileTrackingHeader .infoCards .infoCardItem .titleCard {
width: 100%;
overflow-wrap: anywhere;
}
}
@media screen and (max-width: 1199px) {
.fileTrackingSummary__stats,
.fileTrackingHeader .infoCards {
grid-template-columns: 112px minmax(0, 1fr);
align-items: center;
column-gap: 20px;
row-gap: 0;
}
.fileTrackingSummary__stat,
.fileTrackingHeader .infoCards .infoCardItem {
flex-direction: row;
grid-column: 2;
align-items: center;
gap: 10px;
padding: 12px 0;
border-left: 0;
border-bottom: 1px solid var(--Gray-800, #1D2939);
}
.fileTrackingSummary__stat:last-child,
.fileTrackingHeader .infoCards .infoCardItem:last-child {
border-bottom: 0;
}
.fileTrackingSummary__stat .fileTrackingSummary__label,
.fileTrackingHeader .infoCards .infoCardItem .titleCard {
flex: 1 1 auto;
order: 2;
width: auto;
color: var(--Gray-300, #D0D5DD);
font-size: 13px;
-webkit-line-clamp: 2;
}
.fileTrackingSummary__stat .fileTrackingSummary__value,
.fileTrackingHeader .infoCards .infoCardItem .titleValue {
order: 3;
font-size: 16px;
}
.fileTrackingSummary__stat:first-child,
.fileTrackingHeader .infoCards .infoCardItem:first-child {
position: relative;
display: flex;
flex-direction: column;
grid-column: 1;
grid-row: 1 / span 2;
align-items: center;
gap: 0;
padding: 112px 0 0;
border: 0;
text-align: center;
}
.fileTrackingSummary__stat:first-child::before,
.fileTrackingHeader .infoCards .infoCardItem:first-child::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 104px;
height: 104px;
border-radius: 50%;
border: 1px solid rgba(3, 147, 233, 0.45);
background: radial-gradient(circle at 50% 30%, rgba(3, 147, 233, 0.28) 0%, rgba(3, 147, 233, 0.08) 70%);
transform: translateX(-50%);
}
.fileTrackingSummary__stat:first-child .fileTrackingSummary__icon,
.fileTrackingHeader .infoCards .infoCardItem:first-child .icon {
position: absolute;
top: 24px;
left: 50%;
transform: translateX(-50%);
}
.fileTrackingSummary__stat:first-child .fileTrackingSummary__value,
.fileTrackingHeader .infoCards .infoCardItem:first-child .titleValue {
position: absolute;
top: 46px;
left: 0;
right: 0;
font-size: 28px;
text-align: center;
}
.fileTrackingSummary__stat:first-child .fileTrackingSummary__label,
.fileTrackingHeader .infoCards .infoCardItem:first-child .titleCard {
flex: 0 0 auto;
width: 100%;
color: var(--Gray-400, #98A2B3);
font-size: 12px;
text-align: center;
}
}
@media screen and (max-width: 1199px) {
.fileTrackingSummary__stat:first-child:nth-last-child(2),
.fileTrackingHeader .infoCards .infoCardItem:first-child:nth-last-child(2) {
grid-row: 1;
}
}
@media screen and (max-width: 1199px) {
.fileTrackingSummary__stat:first-child .fileTrackingSummary__icon,
.fileTrackingHeader .infoCards .infoCardItem:first-child .icon {
display: none;
}
.fileTrackingSummary__stat:first-child .fileTrackingSummary__value,
.fileTrackingHeader .infoCards .infoCardItem:first-child .titleValue {
top: 0;
display: flex;
align-items: center;
justify-content: center;
height: 104px;
font-size: 30px;
}
}
@media screen and (max-width: 1199px) {
.fileTrackingSummary__stats,
.fileTrackingHeader .infoCards {
grid-template-rows: 1fr auto auto 1fr;
}
.fileTrackingSummary__stat:first-child,
.fileTrackingSummary__stat:first-child:nth-last-child(2),
.fileTrackingHeader .infoCards .infoCardItem:first-child,
.fileTrackingHeader .infoCards .infoCardItem:first-child:nth-last-child(2) {
grid-row: 1 / 5;
}
.fileTrackingSummary__stat:nth-child(2),
.fileTrackingHeader .infoCards .infoCardItem:nth-child(2) {
grid-row: 2;
}
.fileTrackingSummary__stat:nth-child(3),
.fileTrackingHeader .infoCards .infoCardItem:nth-child(3) {
grid-row: 3;
}
.fileTrackingSummary__stat:not(:first-child),
.fileTrackingHeader .infoCards .infoCardItem:not(:first-child) {
padding: 10px 0;
}
}
@media screen and (max-width: 1199px) {
.fi-page .settingsTitle {
margin-bottom: 12px;
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 20px;
line-height: 1.25;
letter-spacing: -0.2px;
}
}
@media screen and (max-width: 1199px) {
div.dynamicTableComponent .fi-ta-sorting > label:first-child {
flex: 1 1 auto;
min-width: 0;
}
div.dynamicTableComponent .fi-ta-sorting > label:last-child:not(:first-child) {
flex: 0 0 auto;
min-width: 132px;
}
}
.fileCard.overlay[style*="background-image"]::after {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background-color: #000;
background-image: inherit;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
pointer-events: none;
}
.fileCard.overlay[style*="background-image"]::before {
z-index: 1;
}
.fileCard.overlay[style*="background-image"] .actions {
z-index: 2;
}
.folderMosaic__tile[style*="background-image"] {
position: relative;
overflow: hidden;
}
.folderMosaic__tile:not(.folderMosaic__tile--document)[style*="background-image"]::after {
content: "";
position: absolute;
inset: 0;
background-color: #000;
background-image: inherit;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.folderMosaic::after {
z-index: 1;
}
.chartMobileLegend {
display: none;
}
@media screen and (max-width: 1199px) {
.chartMobileLegend {
display: flex;
flex-wrap: wrap;
gap: 6px 16px;
margin: 0 4px 12px;
}
.chartMobileLegend__item {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 1;
}
.chartMobileLegend__dot {
flex: 0 0 auto;
width: 8px;
height: 8px;
border-radius: 50%;
}
.customChartContainer {
position: relative;
height: 210px;
}
.customChartContainer > canvas {
height: 100% !important;
max-height: none !important;
}
.videoTrackingChart .fi-wi-chart .fi-section,
.fileTrackingChart .fi-wi-chart .fi-section,
.analyticStatsChart .fi-wi-chart .fi-section {
border-radius: 12px;
border: 1px solid var(--Gray-800, #1D2939);
background: rgba(255, 255, 255, 0.02);
box-shadow: none;
}
.videoTrackingChart .fi-wi-chart .fi-section-content,
.fileTrackingChart .fi-wi-chart .fi-section-content,
.analyticStatsChart .fi-wi-chart .fi-section-content {
padding: 14px 10px 10px !important;
}
.videoTrackingLayout > .videoTrackingChart,
.fileTrackingChart,
.analyticStatsChart > .analyticStatsChart__inner {
padding: 18px 16px 16px !important;
}
.videoTrackingChart .analyticChartTitle,
.fileTrackingChart .analyticChartTitle,
.analyticStatsChart .analyticChartTitle {
margin: 0 0 12px;
padding: 0;
font-size: 15px;
}
}
.dailyActivityList {
padding: 14px 12px 6px;
border-radius: 12px;
border: 1px solid var(--Gray-800, #1D2939);
background: rgba(255, 255, 255, 0.02);
}
.dailyActivityList .chartMobileLegend {
margin: 0 0 6px;
}
.dailyActivityList__row {
display: grid;
grid-template-columns: 40px minmax(0, 1fr) 32px;
align-items: center;
gap: 12px;
padding: 10px 0;
border-bottom: 1px solid var(--Gray-800, #1D2939);
}
.dailyActivityList__row:last-of-type {
border-bottom: 0;
}
.dailyActivityList__date {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 40px;
border-radius: 10px;
background: rgba(3, 147, 233, 0.1);
line-height: 1;
}
.dailyActivityList__day {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 15px;
}
.dailyActivityList__month {
margin-top: 2px;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 10px;
text-transform: lowercase;
}
.dailyActivityList__bars {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.dailyActivityList__track {
display: block;
overflow: hidden;
height: 6px;
border-radius: 99px;
background: rgba(255, 255, 255, 0.05);
}
.dailyActivityList__bar {
display: block;
height: 100%;
border-radius: inherit;
}
.dailyActivityList__bar--views {
background: #32D583;
}
.dailyActivityList__bar--downloads {
background: #3b82f6;
}
.dailyActivityList__values {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 2px;
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 12px;
line-height: 1.1;
}
.dailyActivityList__value--views {
color: #32D583;
}
.dailyActivityList__value--downloads {
color: #60a5fa;
}
.dailyActivityList__empty {
padding: 16px 0 12px;
color: var(--Gray-400, #98A2B3);
font-size: 13px;
text-align: center;
}
.dailyActivityList__more {
display: block;
width: 100%;
margin: 4px 0 6px;
padding: 8px 0;
border-radius: 8px;
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 13px;
text-align: center;
}
.dailyActivityList__more:hover {
background: rgba(3, 147, 233, 0.08);
}
.retentionList__hint {
margin: 0 0 4px;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 1.4;
}
.retentionList .dailyActivityList__row {
grid-template-columns: 40px minmax(0, 1fr) 44px;
}
.retentionList .dailyActivityList__date {
height: 32px;
}
.retentionList .dailyActivityList__day {
font-size: 13px;
}
.retentionList .dailyActivityList__track {
height: 8px;
}
.retentionList__percent {
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 11px;
}
@media screen and (max-width: 1199px) {
.fi-page:has(.tableTitle .folderHeader) .fi-header {
flex-direction: column;
align-items: stretch;
}
.fi-header > div:has(> .fi-breadcrumbs) {
flex: 1 1 auto;
}
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.fi-sidebar.fi-main-sidebar {
height: 100vh !important;
height: 100dvh !important;
}
}
@media screen and (max-width: 1199px) {
main.fi-main {
height: auto;
min-height: 0;
}
}
@media screen and (max-width: 1199px) {
main.fi-main:has(> .fi-page:not(.fi-dashboard-page) div.dynamicTableComponent) {
display: flex;
flex: 1 0 auto;
flex-direction: column;
}
main.fi-main > .fi-page:not(.fi-dashboard-page):has(div.dynamicTableComponent) {
display: flex;
flex: 1 0 auto;
flex-direction: column;
}
main.fi-main > .fi-page:not(.fi-dashboard-page):has(div.dynamicTableComponent) > section {
flex: 1 0 auto;
}
main.fi-main > .fi-page:not(.fi-dashboard-page):has(div.dynamicTableComponent) > section > div,
main.fi-main > .fi-page:not(.fi-dashboard-page):has(div.dynamicTableComponent) > section > div > .grid,
main.fi-main > .fi-page:not(.fi-dashboard-page):has(div.dynamicTableComponent) > section > div > .grid > .flex.flex-col {
display: flex;
flex: 1 0 auto;
flex-direction: column;
}
main.fi-main > .fi-page:not(.fi-dashboard-page):has(div.dynamicTableComponent) > section > div > .grid > .flex.flex-col > div.dynamicTableComponent:last-child {
flex: 1 0 auto;
}
}
@media screen and (max-width: 1199px) {
.fi-pagination .fi-pagination-items {
flex-wrap: nowrap;
max-width: 100%;
}
.fi-pagination .fi-pagination-items .fi-pagination-item {
flex: 0 1 auto;
min-width: 0;
}
.fi-pagination .fi-pagination-items .fi-pagination-item-button {
justify-content: center;
min-width: 32px;
padding: 8px 6px;
}
.fi-pagination .fi-pagination-items .fi-pagination-item-label {
font-size: 13px;
}
}
.fi-fo-placeholder.templateFolderNotifications__empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
min-height: 140px;
padding: 24px 16px;
border-radius: 8px;
border: 1px solid var(--Gray-700, #344054) !important;
background: rgba(27, 36, 54, 0.30) !important;
box-shadow: 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03);
text-align: center;
}
.templateNotificationsEmpty__icon {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(3, 147, 233, .35);
background: rgba(3, 147, 233, .12);
color: var(--m-azul-m, #0393E9);
}
.templateNotificationsEmpty__icon svg {
width: 22px;
height: 22px;
}
.templateNotificationsEmpty__text {
max-width: 340px;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1.4;
-webkit-text-fill-color: var(--Gray-400, #98A2B3);
}
.repeater_contactList.repeater_templateNotifications {
height: auto;
max-height: 335px;
padding: 8px 16px;
}
.repeater_templateNotifications .fi-fo-repeater-item {
display: block;
border-radius: 0;
border: 0;
box-shadow: none;
--tw-ring-shadow: 0 0 #0000;
}
.repeater_contactList.repeater_templateNotifications .fi-fo-repeater-item:not(:last-child) {
margin-bottom: 0;
border-bottom: 1px solid var(--Gray-700, #344054);
}
.repeater_templateNotifications .fi-fo-repeater-item-header {
gap: 12px;
padding: 10px 0 !important;
cursor: pointer;
}
.repeater_templateNotifications .fi-fo-repeater-item-header h4 {
flex: 1 1 auto;
min-width: 0;
}
.repeater_templateNotifications .fi-fo-repeater-item-header .fi-icon-btn svg {
color: var(--Gray-400, #98A2B3);
}
.templateNotificationGroup {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.templateNotificationGroup__icon svg {
display: block;
width: 30px;
height: 30px;
}
.templateNotificationGroup__name {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
}
.templateNotificationGroup__summary {
flex-shrink: 0;
padding: 2px 10px;
border-radius: 99px;
border: 1px solid var(--Gray-700, #344054);
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 18px;
}
.templateNotificationGroup__summary.is-active {
border-color: rgba(3, 147, 233, .5);
background: rgba(3, 147, 233, .12);
color: var(--m-azul-m, #0393E9);
}
.repeater_contactList.repeater_templateNotifications .fi-fo-repeater-item-content {
padding: 0 0 12px;
border: 0;
}
.repeater_templateNotifications .fi-fo-repeater-item-content > .fi-fo-component-ctn {
gap: 0;
overflow: hidden;
border-radius: 8px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(9, 15, 30, 0.45);
}
.repeater_templateNotifications .gridHeader,
.repeater_templateNotifications .gridRow {
align-items: center;
padding: 10px 16px;
}
.repeater_templateNotifications .gridHeader .fi-fo-component-ctn,
.repeater_templateNotifications .gridRow .fi-fo-component-ctn {
gap: 8px;
align-items: center;
}
.repeater_templateNotifications .gridRow {
border-top: 1px solid var(--Gray-700, #344054);
}
.repeater_templateNotifications .columnTitle {
padding: 0;
border: 0 !important;
background-color: transparent !important;
color: var(--Gray-400, #98A2B3) !important;
font-family: "ApercuMovistar-Regular", sans-serif !important;
font-size: 12px !important;
line-height: 18px !important;
-webkit-text-fill-color: var(--Gray-400, #98A2B3) !important;
}
.repeater_templateNotifications .gridRow .fi-fo-field-wrp-hint-label {
padding: 0;
color: var(--Gray-200, #E4E7EC);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1.3;
}
.repeater_templateNotifications .gridRow .fi-fo-field-wrp > .grid {
gap: 0;
}
.repeater_templateNotifications .gridRow .fi-fo-placeholder {
padding: 0;
border: 0 !important;
background-color: transparent !important;
}
.repeater_contactList.repeater_templatePermission:not(:has(.fi-fo-repeater-item)) {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
text-align: center;
}
.repeater_contactList.repeater_templatePermission:not(:has(.fi-fo-repeater-item)) > * {
display: none;
}
.repeater_contactList.repeater_templatePermission:not(:has(.fi-fo-repeater-item))::before {
content: "";
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(3, 147, 233, .35);
background-color: rgba(3, 147, 233, .12);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M21.3333 4.62368C23.3089 5.60548 24.6666 7.64419 24.6666 10C24.6666 12.3558 23.3089 14.3945 21.3333 15.3763M24 22.3552C26.0152 23.2671 27.83 24.7533 29.3333 26.6667M2.66663 26.6667C5.26195 23.3634 8.78553 21.3333 12.6666 21.3333C16.5477 21.3333 20.0713 23.3634 22.6666 26.6667M18.6666 10C18.6666 13.3137 15.9803 16 12.6666 16C9.35292 16 6.66663 13.3137 6.66663 10C6.66663 6.68629 9.35292 4 12.6666 4C15.9803 4 18.6666 6.68629 18.6666 10Z' stroke='%230393E9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
}
.repeater_contactList.repeater_templatePermission:not(:has(.fi-fo-repeater-item))::after {
content: attr(data-empty-text);
max-width: 340px;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1.4;
}
.repeater_folders:not(:has(.fi-fo-repeater-item)) {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
min-height: 180px;
text-align: center;
}
.repeater_folders:not(:has(.fi-fo-repeater-item)) > * {
display: none;
}
.repeater_folders:not(:has(.fi-fo-repeater-item))::before {
content: "";
width: 48px;
height: 48px;
border-radius: 50%;
border: 1px solid rgba(3, 147, 233, .35);
background-color: rgba(3, 147, 233, .12);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13 7L11.8845 4.76892C11.5634 4.1268 11.4029 3.80573 11.1634 3.57116C10.9516 3.36373 10.6963 3.20597 10.4161 3.10931C10.0992 3 9.74021 3 9.02229 3H5.2C4.0799 3 3.51984 3 3.09202 3.21799C2.71569 3.40973 2.40973 3.71569 2.21799 4.09202C2 4.51984 2 5.0799 2 6.2V7M2 7H17.2C18.8802 7 19.7202 7 20.362 7.32698C20.9265 7.6146 21.3854 8.07354 21.673 8.63803C22 9.27976 22 10.1198 22 11.8V16.2C22 17.8802 22 18.7202 21.673 19.362C21.3854 19.9265 20.9265 20.3854 20.362 20.673C19.7202 21 18.8802 21 17.2 21H6.8C5.11984 21 4.27976 21 3.63803 20.673C3.07354 20.3854 2.6146 19.9265 2.32698 19.362C2 18.7202 2 17.8802 2 16.2V7Z' stroke='%230393E9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
}
.repeater_folders:not(:has(.fi-fo-repeater-item))::after {
content: attr(data-empty-text);
max-width: 360px;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1.4;
}
@media screen and (max-width: 1199px) {
.section_folders.fi-section {
box-shadow: none !important;
--tw-ring-shadow: 0 0 #0000;
border: 0;
}
.section_folders .section_folders_breadcrumb .fi-ac {
flex-wrap: wrap;
row-gap: 2px;
}
.section_folders .section_folders_breadcrumb .fi-ac-action span {
font-size: 12px;
}
.section_folders .fi-fo-actions:has(.create_folder_button) .fi-ac {
flex-wrap: nowrap;
justify-content: stretch;
gap: 10px;
width: 100%;
}
.section_folders .fi-fo-actions:has(.create_folder_button) .fi-ac > * {
min-width: 0;
}
.section_folders .fi-fo-actions:has(.create_folder_button) .fi-ac > :has(.create_folder_button:not(.hiddenLabel)),
.section_folders .fi-fo-actions:has(.create_folder_button) .fi-ac > .create_folder_button:not(.hiddenLabel) {
flex: 1 1 auto;
}
.section_folders .create_folder_button {
height: 44px;
border-radius: 10px;
}
.section_folders .create_folder_button.hiddenLabel {
flex: 0 0 44px;
width: 44px;
padding: 0;
}
.section_folders .create_folder_button:not(.hiddenLabel) {
width: 100%;
border-color: var(--m-azul-m, #0393E9);
background-color: var(--m-azul-m, #0393E9) !important;
box-shadow: 0 6px 16px -6px rgba(3, 147, 233, .55);
}
.section_folders .create_folder_button svg {
color: #fff;
}
.templatePermissionsModal .fi-modal-heading {
font-size: 22px;
line-height: 1.2;
}
.templatePermissionsModal .fi-modal-footer-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.templatePermissionsModal .fi-modal-footer-actions > * {
width: 100%;
margin: 0 !important;
}
.templatePermissionsModal .fi-modal-footer-actions button {
width: 100%;
height: 44px;
}
.repeater_contactList.repeater_templateNotifications {
max-height: none;
overflow: visible;
padding: 4px 12px;
}
.templateNotificationGroup {
gap: 10px;
}
.templateNotificationGroup__icon svg {
width: 26px;
height: 26px;
}
.templateNotificationGroup__summary {
padding: 2px 8px;
font-size: 11px;
}
.repeater_templateNotifications .gridHeader {
display: none;
}
.repeater_templateNotifications .fi-fo-repeater-item-content > .fi-fo-component-ctn {
display: flex;
flex-direction: column;
gap: 10px;
overflow: visible;
border: 0;
background: transparent;
}
.repeater_templateNotifications .gridRow {
padding: 0;
overflow: hidden;
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(9, 15, 30, 0.45);
}
.repeater_templateNotifications .gridRow > .fi-fo-component-ctn {
display: flex;
flex-direction: column;
gap: 0;
}
.repeater_templateNotifications .gridRow > .fi-fo-component-ctn > * {
width: 100%;
}
.repeater_templateNotifications .gridRow > .fi-fo-component-ctn > :first-child {
padding: 12px 14px 10px;
}
.repeater_templateNotifications .gridRow .fi-fo-field-wrp-hint-label {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
}
.repeater_templateNotifications .gridRow > .fi-fo-component-ctn > :not(:first-child) {
padding: 10px 14px;
border-top: 1px solid var(--Gray-700, #344054);
}
.repeater_templateNotifications .gridRow > .fi-fo-component-ctn > :has(.templateFolderNotifications__formatPlaceholder) {
display: none;
}
.repeater_templateNotifications .gridRow [data-mobile-label] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 28px;
}
.repeater_templateNotifications .gridRow [data-mobile-label]::before {
content: attr(data-mobile-label);
flex: 1 1 auto;
min-width: 0;
color: var(--Gray-200, #E4E7EC);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1.3;
}
.repeater_templateNotifications .gridRow [data-mobile-label] > .grid {
flex: 0 0 auto;
}
.repeater_templateNotifications .gridRow [data-mobile-label] .mx-auto {
margin: 0;
}
}
@media screen and (max-width: 1199px) {
.section_folders .fi-fo-component-ctn > :has(> .fi-fo-actions .create_folder_button),
.section_folders .fi-fo-component-ctn > :has(.section_folders_breadcrumb) {
grid-column: 1 / -1 !important;
}
.section_folders .fi-section-content > .fi-fo-component-ctn > * > .fi-fo-component-ctn {
row-gap: 14px;
}
}
@media screen and (max-width: 1199px) {
.templatePermissionsModal .fi-modal-heading {
display: flex;
align-items: center;
}
.templatePermissionsModal .fi-modal-heading span {
font-size: 22px !important;
line-height: 1.2 !important;
}
}
@media screen and (max-width: 1199px) {
.templatePermissionsModal .fi-modal-footer-actions > :first-child {
order: 2;
}
}
@media screen and (max-width: 1199px) {
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:has(.templateNotificationGroup) {
padding: 0;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:has(.templateNotificationGroup) .fi-fo-repeater-item-header {
position: static;
gap: 8px;
padding: 12px !important;
cursor: pointer;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item-header h4 {
flex: 1 1 auto;
min-width: 0;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item-header .fi-icon-btn svg {
color: var(--Gray-400, #98A2B3);
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:has(.templateNotificationGroup) .fi-fo-repeater-item-content {
padding: 0 12px 12px !important;
border: 0;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:has(.templateNotificationGroup) .fi-fo-repeater-item-content > .fi-fo-component-ctn > :first-child {
display: none;
}
}
@media screen and (max-width: 1199px) {
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:has(.templateNotificationGroup):not(:last-child) {
margin-bottom: 0;
}
.repeater_contactList.repeater_templatePermission ul > .grid,
.repeater_contactList.repeater_templatePermission ul {
gap: 10px;
}
}
.repeater_contactList.repeater_templatePermission {
height: auto !important;
max-height: 335px;
padding: 8px 16px;
}
.repeater_contactList.repeater_templatePermission:not(:has(.fi-fo-repeater-item)) {
min-height: 160px;
}
.repeater_contactList.repeater_templatePermission ul,
.repeater_contactList.repeater_templatePermission ul > .grid {
gap: 0 !important;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item {
margin-bottom: 0 !important;
padding: 10px 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
--tw-ring-shadow: 0 0 #0000;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:not(:last-child) {
border-bottom: 1px solid var(--Gray-700, #344054) !important;
}
@media screen and (max-width: 1199px) {
.repeater_contactList.repeater_templatePermission {
max-height: 55dvh;
padding: 4px 12px;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:has(.templateNotificationGroup) {
padding: 0 !important;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:has(.templateNotificationGroup) .fi-fo-repeater-item-header {
padding: 12px 0 !important;
}
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:has(.templateNotificationGroup) .fi-fo-repeater-item-content {
padding: 0 0 12px !important;
}
}
.repeater_contactList.repeater_templatePermission .table__lastUserAdded {
margin-left: 0;
}
.repeater_contactList.repeater_templatePermission .table__lastUserAdded .name {
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
line-height: 20px;
}
.repeater_contactList.repeater_templatePermission .table__lastUserAdded {
gap: 12px;
}
@media screen and (min-width: 1200px) {
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item {
padding: 18px 0 !important;
}
}
@media screen and (max-width: 1199px) {
.repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:has(.templateNotificationGroup) .fi-fo-repeater-item-header {
padding: 18px 0 !important;
}
}
.repeater_contactList.repeater_templateNotifications ul,
.repeater_contactList.repeater_templateNotifications ul > .grid {
gap: 0 !important;
}
.repeater_contactList.repeater_templateNotifications .fi-fo-repeater-item-header {
padding: 18px 0 !important;
}
.repeater_contactList.repeater_templatePermission.repeater_permissionUsers:not(:has(.fi-fo-repeater-item))::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cpath d='M17 19C17 17.6044 17 16.9067 16.8278 16.3389C16.44 15.0605 15.4395 14.06 14.1611 13.6722C13.5933 13.5 12.8956 13.5 11.5 13.5H6.5C5.10444 13.5 4.40665 13.5 3.83886 13.6722C2.56045 14.06 1.56004 15.0605 1.17224 16.3389C1 16.9067 1 17.6044 1 19M13.5 5.5C13.5 7.98528 11.4853 10 9 10C6.51472 10 4.5 7.98528 4.5 5.5C4.5 3.01472 6.51472 1 9 1C11.4853 1 13.5 3.01472 13.5 5.5Z' stroke='%230393E9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media screen and (max-width: 1199px) {
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal .fixed.inset-0 > .grid {
grid-template-rows: 1fr auto !important;
min-height: 100dvh;
padding: 0 !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-window {
grid-row: 2 !important;
align-self: end;
width: 100% !important;
max-width: none !important;
max-height: 92dvh;
margin: 0 !important;
overflow: hidden;
border-radius: 24px 24px 0 0 !important;
border-top: 1px solid var(--Gray-700, #344054);
background: linear-gradient(180deg, #0f1b2d 0%, #0a1322 100%) !important;
box-shadow: 0 -16px 40px rgba(0, 0, 0, .45) !important;
--tw-ring-shadow: 0 0 #0000;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-window::before {
content: "";
position: absolute;
top: 8px;
left: 50%;
width: 40px;
height: 4px;
border-radius: 99px;
background: var(--Gray-600, #475467);
transform: translateX(-50%);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-header {
flex-shrink: 0;
align-items: center;
padding: 24px 20px 12px !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-header > .absolute {
top: 22px;
right: 16px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-header > .absolute .fi-icon-btn {
width: 36px;
height: 36px;
border-radius: 50%;
background: rgba(52, 64, 84, .45);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-header > .absolute .fi-icon-btn svg {
width: 18px;
height: 18px;
color: var(--Gray-200, #E4E7EC);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-heading {
display: flex;
align-items: center;
gap: 12px;
margin-right: 44px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-heading > svg {
flex: 0 0 auto;
width: 40px !important;
height: 40px !important;
padding: 9px;
border-radius: 12px;
border: 1px solid rgba(3, 147, 233, .3);
background: rgba(3, 147, 233, .12);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-heading > span {
margin: 0 !important;
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 20px !important;
line-height: 1.2 !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-content {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
gap: 16px !important;
padding: 8px 20px 16px !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-content .groupInfo {
border-radius: 14px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-footer {
flex-shrink: 0;
padding: 12px 20px calc(16px + env(safe-area-inset-bottom)) !important;
border-top: 1px solid var(--Gray-700, #344054);
background: rgba(10, 19, 34, .96);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-footer-actions {
flex-wrap: nowrap !important;
gap: 10px !important;
width: 100%;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-footer-actions > * {
flex: 1 1 0;
min-width: 0;
margin: 0 !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-footer-actions .fi-btn {
width: 100%;
height: 48px;
border-radius: 12px !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-open .fi-modal-window {
animation: projectFilesModalIn .24s ease-out;
}
}
@keyframes projectFilesModalIn {
from {
transform: translateY(40px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-open .fi-modal-window {
animation: none;
}
}
@media screen and (max-width: 1199px) {
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-heading span {
font-size: 20px !important;
line-height: 1.2 !important;
letter-spacing: -0.2px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .modalAction .icon__title {
display: flex;
align-items: center;
gap: 12px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .modalAction .icon__title .icon {
flex: 0 0 auto;
width: 40px !important;
height: 40px !important;
padding: 9px;
border-radius: 12px;
border: 1px solid rgba(3, 147, 233, .3);
background: rgba(3, 147, 233, .12);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .modalAction .icon__title .title {
max-width: none;
font-size: 20px !important;
line-height: 1.25 !important;
letter-spacing: -0.2px;
}
}
.activityChangesModal .fi-modal-content {
gap: 20px;
}
.activityChanges {
display: flex;
flex-direction: column;
gap: 16px;
}
.activityChanges__summary {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 16px;
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(27, 36, 54, 0.30);
}
.activityChanges__summaryIcon {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 12px;
border: 1px solid rgba(3, 147, 233, .3);
background: rgba(3, 147, 233, .12);
}
.activityChanges__icon {
width: 20px;
height: 20px;
color: var(--m-azul-m, #0393E9);
}
.activityChanges__summaryText {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.activityChanges__description {
font-size: 14px;
line-height: 1.35;
}
.activityChanges__description p {
margin-top: 2px;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
}
.activityChanges__heading {
display: flex;
align-items: center;
gap: 8px;
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
}
.activityChanges__count {
padding: 0 8px;
border-radius: 99px;
border: 1px solid rgba(3, 147, 233, .5);
background: rgba(3, 147, 233, .12);
font-size: 12px;
line-height: 18px;
}
.activityChanges__list {
max-height: 55vh;
margin: 0;
padding: 4px 16px;
overflow-y: auto;
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(27, 36, 54, 0.30);
}
.activityChanges__list::-webkit-scrollbar {
width: 7px;
}
.activityChanges__list::-webkit-scrollbar-thumb {
border-radius: 99px;
background: var(--m-azul-m, #0393E9);
}
.activityChanges__row {
display: grid;
grid-template-columns: minmax(140px, 38%) 1fr;
gap: 16px;
align-items: start;
padding: 12px 0;
}
.activityChanges__row:not(:last-child) {
border-bottom: 1px solid var(--Gray-700, #344054);
}
.activityChanges__label {
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 20px;
}
.activityChanges__value {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
min-width: 0;
margin: 0;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
line-height: 20px;
overflow-wrap: anywhere;
}
.activityChanges__value--longtext span {
white-space: pre-line;
}
.activityChanges__muted {
color: var(--Gray-500, #667085);
}
.activityChanges__chips {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.activityChanges__chip {
padding: 2px 10px;
border-radius: 99px;
border: 1px solid var(--Gray-600, #475467);
background: rgba(52, 64, 84, .35);
font-size: 12px;
line-height: 18px;
}
.activityChanges__chip.is-yes {
border-color: rgba(3, 147, 233, .5);
background: rgba(3, 147, 233, .12);
color: var(--m-azul-m, #0393E9);
}
.activityChanges__chip.is-no {
color: var(--Gray-300, #D0D5DD);
}
.activityChanges__swatch {
width: 18px;
height: 18px;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, .2);
}
.activityChanges__link {
color: var(--m-azul-m, #0393E9);
text-decoration: underline;
}
.activityChanges__empty {
padding: 24px 16px;
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054);
color: var(--Gray-400, #98A2B3);
font-size: 13px;
text-align: center;
}
@media screen and (max-width: 1199px) {
.activityChanges__row {
grid-template-columns: 1fr;
gap: 4px;
}
.activityChanges__list {
max-height: none;
overflow: visible;
}
}
@media screen and (max-width: 1199px) {
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-content .choices__list--dropdown.is-active {
position: relative;
top: auto;
margin-top: 8px;
box-shadow: none;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListProjects "], .dynamicTableComponent[class*="OpensearchResultsPage"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ActivityLogResource"], .dynamicTableComponent[class*="ProjectFileShipments"], .dynamicTableComponent[class*="ListUsers "], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListUsersByGroup"], .dynamicTableComponent[class*="ListContacts "], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page, .fi-page:has(.fileViewContent)) .fi-modal-content .choices__list--dropdown .choices__list {
max-height: 40dvh;
}
}
.modalNavigationContent.folderPickerModal .fi-modal-content {
gap: 20px !important;
margin: 0 !important;
padding: 8px 24px 4px !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.folderPickerModal .fi-modal-content > .fi-fo-component-ctn {
gap: 20px !important;
}
.folderPickerModal .fi-fo-placeholder.folderPickerModal__source,
.folderPickerModal .fi-fo-placeholder.folderPickerModal__destination {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--White, #FFF);
-webkit-text-fill-color: currentColor;
}
.folderPickerCard {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 18px;
border-radius: 14px;
border: 1px solid var(--Gray-700, #344054);
background: linear-gradient(135deg, rgba(3, 147, 233, .10) 0%, rgba(27, 36, 54, .35) 60%);
}
.folderPickerCard__icon {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 10px;
border-radius: 12px;
background: rgba(3, 147, 233, .14);
}
.folderPickerCard__icon svg,
.folderPickerCard__icon img {
width: 100%;
height: 100%;
}
.folderPickerCard__text {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.folderPickerCard__label {
color: var(--Gray-400, #98A2B3);
-webkit-text-fill-color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 1.2;
}
.folderPickerCard__name {
overflow: hidden;
color: var(--White, #FFF);
-webkit-text-fill-color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 16px;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
.folderPickerDestination {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: 6px 12px;
}
.folderPickerDestination__label {
color: var(--m-azul-m, #0393E9);
-webkit-text-fill-color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
white-space: nowrap;
}
.folderPickerDestination__path {
display: inline-flex;
justify-self: start;
align-items: center;
gap: 8px;
max-width: 100%;
padding: 6px 12px;
overflow: hidden;
border-radius: 99px;
border: 1px solid rgba(3, 147, 233, .45);
background: rgba(3, 147, 233, .12);
color: var(--White, #FFF);
-webkit-text-fill-color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 13px;
line-height: 1;
white-space: nowrap;
}
.folderPickerDestination__path > span {
overflow: hidden;
text-overflow: ellipsis;
}
.folderPickerDestination__icon {
flex: 0 0 auto;
width: 16px;
height: 16px;
color: var(--m-azul-m, #0393E9);
}
.folderPickerDestination__hint {
grid-column: 1 / -1;
color: var(--Gray-400, #98A2B3);
-webkit-text-fill-color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
}
.folderPickerModal .repeater_folders {
max-height: 320px;
padding: 6px !important;
border-radius: 14px;
border: 1px solid var(--Gray-700, #344054) !important;
background: rgba(9, 15, 30, .45) !important;
}
.folderPickerModal .repeater_folders::-webkit-scrollbar-track {
background: transparent;
}
.folderPickerModal .repeater_folders ul,
.folderPickerModal .repeater_folders ul .grid {
gap: 2px !important;
}
.folderPickerModal .repeater_folders .fi-fo-repeater-item {
border: 0 !important;
border-radius: 10px !important;
background: transparent !important;
box-shadow: none !important;
--tw-ring-shadow: 0 0 #0000;
}
.folderPickerModal .repeater_folders .fi-fo-repeater-item:hover {
background: rgba(3, 147, 233, .08) !important;
}
.folderPickerModal .repeater_folders ul .grid .fi-fo-repeater-item-content {
padding: 0 !important;
background-position: center right 14px;
}
.folderPickerModal .repeater_folders .repeater_item_name_action {
justify-content: flex-start;
gap: 12px;
width: 100%;
min-height: 48px;
padding: 0 40px 0 14px;
}
.folderPickerModal .repeater_folders .repeater_item_name_action svg {
flex: 0 0 auto;
width: 20px;
height: 20px;
color: var(--m-azul-m, #0393E9);
}
.folderPickerModal .repeater_folders .repeater_item_name_action span {
overflow: hidden;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
}
.folderPickerModal .repeater_folders .fi-fo-repeater-item:has(.is-back) {
margin-bottom: 4px;
border-bottom: 1px solid var(--Gray-700, #344054) !important;
border-radius: 10px 10px 0 0 !important;
}
.folderPickerModal .repeater_folders .repeater_item_name_action.is-back span {
color: var(--Gray-300, #D0D5DD);
}
.folderPickerModal .repeater_folders .fi-fo-repeater-item:has(.is-back) .fi-fo-repeater-item-content {
background-image: none;
}
.folderPickerModal .repeater_folders .repeater_item_name_action:disabled {
opacity: .4;
}
.folderPickerModal .fi-modal-footer {
margin-top: 8px;
}
@media screen and (max-width: 1199px) {
.modalNavigationContent.folderPickerModal .fi-modal-content {
padding: 8px 20px 16px !important;
}
.folderPickerModal .repeater_folders {
max-height: none;
}
.folderPickerDestination {
grid-template-columns: 1fr;
}
}
@media screen and (min-width: 1200px) {
.fi-modal-window.folderPickerModal {
max-width: 720px !important;
}
.modalNavigationContent.folderPickerModal .fi-modal-content {
padding: 16px 48px 0 !important;
}
.folderPickerModal .fi-modal-footer {
padding-top: 28px !important;
}
}
.folderPickerModal .fi-modal-footer-actions .customPrimaryButton span,
.folderPickerModal .fi-modal-footer-actions .customPrimaryButton svg {
color: var(--White, #FFF) !important;
}
@media screen and (min-width: 1200px) {
.modalNavigationContent.folderPickerModal .fi-modal-content {
padding-top: 24px !important;
}
}
.folderPickerModal .fi-modal-heading {
gap: 12px;
}
.folderPickerModal .fi-modal-heading > svg {
flex: 0 0 auto;
width: 40px !important;
min-width: 40px;
height: 40px !important;
padding: 9px;
border-radius: 12px;
border: 1px solid rgba(3, 147, 233, .3);
background: rgba(3, 147, 233, .12);
}
.folderPickerModal .fi-modal-heading > span {
margin: 0 !important;
font-size: 22px !important;
line-height: 1.2 !important;
letter-spacing: -0.3px;
}
@media screen and (min-width: 1200px) {
.folderPickerModal .fi-modal-header {
padding-top: 36px !important;
}
.folderPickerModal .fi-modal-header > .absolute {
top: 38px;
right: 40px;
}
}
.folderPickerModal .repeater_folders:not(:has(.repeater_item_name_action:not(.is-back)))::after {
content: attr(data-empty-text);
display: block;
padding: 18px 14px 14px;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1.4;
text-align: center;
}
.folderPickerModal .repeater_folders:not(:has(.repeater_item_name_action:not(.is-back))) .fi-fo-repeater-item:has(.is-back) {
margin-bottom: 0;
}
.filePermissionsModal .fi-modal-heading {
gap: 12px;
}
.filePermissionsModal .fi-modal-heading > svg {
flex: 0 0 auto;
width: 40px !important;
min-width: 40px;
height: 40px !important;
padding: 9px;
border-radius: 12px;
border: 1px solid rgba(3, 147, 233, .3);
background: rgba(3, 147, 233, .12);
}
.filePermissionsModal .fi-modal-heading > span {
margin: 0 !important;
font-size: 22px !important;
line-height: 1.2 !important;
letter-spacing: -0.3px;
}
.filePermissionsModal .fi-modal-content {
gap: 24px !important;
}
.filePermissionsModal .folderPickerCard {
padding: 14px 18px;
}
.filePermissionsModal .fi-fo-field-wrp-label span:not(.repeater_templateNotifications *) {
color: var(--White, #FFF) !important;
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 15px;
}
.filePermissionsModal .fi-fo-field-wrp-hint:not(.repeater_templateNotifications *) {
gap: 8px;
}
.filePermissionsModal .fi-fo-field-wrp-hint-label:not(.repeater_templateNotifications *) {
padding: 0 10px;
border-radius: 99px;
border: 1px solid rgba(3, 147, 233, .45);
background: rgba(3, 147, 233, .12);
color: var(--m-azul-m, #0393E9) !important;
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 20px;
}
.filePermissionsModal .fi-fo-field-wrp-hint svg {
color: var(--Gray-400, #98A2B3);
}
@media screen and (min-width: 1200px) {
.filePermissionsModal .fi-modal-header {
padding-top: 36px !important;
}
.filePermissionsModal .fi-modal-header > .absolute {
top: 38px;
right: 40px;
}
.filePermissionsModal .fi-modal-content {
padding: 24px 48px 0 !important;
}
.filePermissionsModal .fi-modal-footer {
padding-top: 28px !important;
}
}
:is(.filePermissionsModal, .folderPickerModal) .fi-modal-footer-actions .customPrimaryButton span,
:is(.filePermissionsModal, .folderPickerModal) .fi-modal-footer-actions .customPrimaryButton svg {
color: var(--White, #FFF) !important;
}
@media screen and (min-width: 1200px) {
.fi-modal-window.filePermissionsModal .fi-modal-content {
padding: 24px 48px 0 !important;
}
}
@media screen and (min-width: 1200px) {
.filePermissionsModal .repeater_contactList.repeater_templatePermission {
padding: 6px !important;
}
.filePermissionsModal .repeater_contactList.repeater_templatePermission .fi-fo-repeater-item {
padding: 10px 12px !important;
border-radius: 10px !important;
transition: background-color .15s ease;
}
.filePermissionsModal .repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:not(:last-child) {
border-bottom: 0 !important;
}
.filePermissionsModal .repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:not(:last-child)::after {
content: "";
position: absolute;
right: 12px;
bottom: 0;
left: 12px;
height: 1px;
background: var(--Gray-700, #344054);
}
.filePermissionsModal .repeater_contactList.repeater_templatePermission .fi-fo-repeater-item {
position: relative;
}
.filePermissionsModal .repeater_contactList.repeater_templatePermission .fi-fo-repeater-item:hover {
background: rgba(3, 147, 233, .06) !important;
}
.filePermissionsModal .repeater_contactList.repeater_templatePermission .fi-fo-repeater-item-content {
padding: 0 !important;
}
.filePermissionsModal .repeater_contactList.repeater_templatePermission .fi-fo-repeater-item-content > .fi-fo-component-ctn {
align-items: center;
column-gap: 16px;
}
.filePermissionsModal .repeater_templatePermission .table__lastUserAdded {
align-items: center;
gap: 12px;
}
.filePermissionsModal .repeater_templatePermission .table__lastUserAdded .image,
.filePermissionsModal .repeater_templatePermission .table__lastUserAdded .image img,
.filePermissionsModal .repeater_templatePermission .table__lastUserAdded .image svg {
width: 32px;
min-width: 32px;
max-width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
}
.filePermissionsModal .repeater_templatePermission .table__lastUserAdded .image:has(svg) {
display: flex;
align-items: center;
justify-content: center;
background: rgba(3, 147, 233, .12);
}
.filePermissionsModal .repeater_templatePermission .table__lastUserAdded .image svg {
width: 18px;
min-width: 18px;
height: 18px;
border-radius: 0;
}
.filePermissionsModal .repeater_templatePermission .table__lastUserAdded .role:empty {
display: none;
}
.filePermissionsModal .repeater_templatePermission div:has(> .permissions-inline-item) {
gap: 6px !important;
}
.filePermissionsModal .repeater_templatePermission .permissions-inline-item {
gap: 6px !important;
padding: 5px 10px;
border-radius: 8px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(27, 36, 54, .35);
transition: border-color .15s ease, background-color .15s ease;
}
.filePermissionsModal .repeater_templatePermission .permissions-inline-item:hover {
border-color: var(--Gray-500, #667085);
}
.filePermissionsModal .repeater_templatePermission .permissions-inline-item:has(input:checked) {
border-color: rgba(3, 147, 233, .55);
background: rgba(3, 147, 233, .14);
}
.filePermissionsModal .repeater_templatePermission .permissions-inline-item input {
width: 14px;
height: 14px;
}
.filePermissionsModal .repeater_templatePermission .permissions-inline-item span {
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.filePermissionsModal .repeater_templatePermission .permissions-inline-item:has(input:checked) span {
color: var(--White, #FFF);
}
.filePermissionsModal .repeater_templatePermission .fi-fo-repeater-item-header .fi-icon-btn {
width: 28px;
height: 28px;
border-radius: 50%;
transition: background-color .15s ease;
}
.filePermissionsModal .repeater_templatePermission .fi-fo-repeater-item-header .fi-icon-btn:hover {
background: rgba(240, 68, 56, .14);
}
.filePermissionsModal .repeater_templatePermission .fi-fo-repeater-item-header .fi-icon-btn:hover svg {
color: #F04438;
}
}
.fileActionModal .fi-modal-heading {
gap: 12px;
}
.fileActionModal .fi-modal-heading > svg {
flex: 0 0 auto;
width: 40px !important;
min-width: 40px;
height: 40px !important;
padding: 9px;
border-radius: 12px;
border: 1px solid rgba(3, 147, 233, .3);
background: rgba(3, 147, 233, .12);
}
.fileActionModal .fi-modal-heading > span {
margin: 0 !important;
font-size: 22px !important;
line-height: 1.2 !important;
letter-spacing: -0.3px;
}
.fileDeleteModal .fi-modal-heading > svg {
border-color: rgba(240, 68, 56, .35);
background: rgba(240, 68, 56, .12);
color: #F04438 !important;
}
.fileActionModal .fi-modal-content {
gap: 20px !important;
}
.fileActionModal .fi-fo-field-wrp-label span {
color: var(--White, #FFF) !important;
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
}
.fileActionModal .fi-fo-field-wrp-helper-text {
color: var(--Gray-400, #98A2B3);
font-size: 12px;
}
.fileActionModal .fi-modal-footer-actions .customPrimaryButton span,
.fileActionModal .fi-modal-footer-actions .customPrimaryButton svg,
.fileActionModal .fi-modal-footer-actions .customErrorButton-2 span,
.fileActionModal .fi-modal-footer-actions .customErrorButton-2 svg {
color: var(--White, #FFF) !important;
}
.fileDeleteContent {
display: flex;
flex-direction: column;
gap: 16px;
}
.fileDeleteNotice {
display: flex;
gap: 12px;
padding: 14px 16px;
border-radius: 12px;
border: 1px solid rgba(240, 68, 56, .3);
background: rgba(240, 68, 56, .08);
}
.fileDeleteNotice__icon {
flex: 0 0 auto;
width: 20px;
height: 20px;
color: #F04438;
}
.fileDeleteNotice__text {
display: flex;
flex-direction: column;
gap: 2px;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1.4;
}
.fileDeleteNotice__title {
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
}
@media screen and (min-width: 1200px) {
.fi-modal-window.fileActionModal {
max-width: 640px !important;
}
.fileActionModal .fi-modal-header {
padding-top: 36px !important;
}
.fileActionModal .fi-modal-header > .absolute {
top: 38px;
right: 40px;
}
.fi-modal-window.fileActionModal .fi-modal-content {
margin: 0 !important;
padding: 24px 48px 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.fileActionModal .fi-modal-footer {
padding-top: 28px !important;
}
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-heading {
display: flex;
align-items: center;
gap: 12px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-heading > svg,
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .icon__title .icon {
flex: 0 0 auto;
width: 40px !important;
min-width: 40px;
height: 40px !important;
padding: 9px;
border-radius: 12px;
border: 1px solid rgba(3, 147, 233, .3);
background: rgba(3, 147, 233, .12);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-heading > span,
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .icon__title .title {
max-width: none;
margin: 0 !important;
font-size: 22px !important;
line-height: 1.25 !important;
letter-spacing: -0.3px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction {
display: flex;
flex-direction: column;
gap: 16px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .icon__title {
display: flex;
align-items: center;
gap: 12px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .groupInfo {
display: flex;
flex-direction: column;
gap: 10px;
padding: 16px 18px;
border-radius: 14px;
border: 1px solid var(--Gray-700, #344054);
background: linear-gradient(135deg, rgba(3, 147, 233, .10) 0%, rgba(27, 36, 54, .35) 60%);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .groupInfo .groupText {
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 12px;
line-height: 1.3;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .groupInfo .groupText span {
color: var(--White, #FFF) !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .groupInfo .groupsCtn {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .groupInfo .groupName {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 15px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .groupInfo .groupName .icon {
flex: 0 0 auto;
width: 32px;
height: 32px;
padding: 7px;
border-radius: 10px;
background-color: rgba(3, 147, 233, .14) !important;
color: var(--m-azul-m, #0393E9);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .groupInfo .groupsCtn:has(.groupName + .groupName) .groupName {
padding: 4px 10px 4px 4px;
border-radius: 10px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(9, 15, 30, .4);
font-size: 13px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .groupInfo .groupsCtn:has(.groupName + .groupName) .groupName .icon {
width: 24px;
height: 24px;
padding: 5px;
border-radius: 7px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .content {
padding: 14px 16px;
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054);
background: rgba(27, 36, 54, .3);
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1.5;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .content p + p {
margin-top: 6px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction:empty {
display: none;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-window .fi-fo-field-wrp-label span {
color: var(--White, #FFF) !important;
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 14px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-footer-actions .fi-btn span,
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-footer-actions .fi-btn svg {
color: var(--White, #FFF) !important;
}
@media screen and (min-width: 1200px) {
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-header {
padding-top: 36px !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-header > .absolute {
top: 38px;
right: 40px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-window .fi-modal-content {
gap: 20px !important;
margin: 0 !important;
padding: 24px 48px 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-window .fi-modal-footer {
padding-top: 28px !important;
}
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .groupInfo {
margin: 0 !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .groupInfo .groupsCtn,
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .groupInfo .groupText {
margin: 0 !important;
}
@media screen and (min-width: 1200px) {
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-window:not(:has(.fi-modal-footer)) .fi-modal-content {
padding-bottom: 40px !important;
}
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .uploadChunksContainer {
grid-template-columns: minmax(0, 1fr) !important;
gap: 12px !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .uploadChunksContainer .folderUploadChunks {
min-height: 190px;
border-radius: 14px !important;
border: 1.5px dashed rgba(3, 147, 233, .45) !important;
background: rgba(3, 147, 233, .05) !important;
transition: border-color .15s ease, background-color .15s ease;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .uploadChunksContainer .folderUploadChunks:hover {
border-color: var(--m-azul-m, #0393E9) !important;
background: rgba(3, 147, 233, .09) !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .uploadChunksContainer .folderUploadChunks .text {
color: var(--Gray-300, #D0D5DD);
font-size: 13px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .uploadChunksContainer div:has(> div > .selectFiles) > .flex-1 {
display: none;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .uploadChunksContainer div:has(> .selectFiles) {
flex-direction: row !important;
gap: 12px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .uploadChunksContainer :is(.selectFiles, .selectFolder) {
flex: 1 1 0;
justify-content: center;
min-height: 44px;
border-radius: 10px !important;
border: 1px solid var(--Gray-600, #475467) !important;
background: rgba(27, 36, 54, .45) !important;
transition: border-color .15s ease, background-color .15s ease;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .uploadChunksContainer :is(.selectFiles, .selectFolder):hover {
border-color: var(--m-azul-m, #0393E9) !important;
background: rgba(3, 147, 233, .1) !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction:not(:has(*)) {
display: none;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders.fi-section {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
--tw-ring-shadow: 0 0 #0000;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders .fi-section-header {
padding: 0 0 16px !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders .fi-section-content-ctn {
border: 0 !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders .fi-section-content {
padding: 0 !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders_breadcrumb .fi-ac {
flex-wrap: wrap;
align-items: center;
gap: 4px 6px !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders_breadcrumb {
display: flex;
align-items: center;
gap: 10px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders_breadcrumb::before {
content: attr(data-label);
flex: 0 0 auto;
color: var(--m-azul-m, #0393E9);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders_breadcrumb .fi-link span {
color: var(--White, #FFF) !important;
font-family: "ApercuMovistar-Bold", sans-serif;
font-size: 13px !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders_breadcrumb .fi-ac > :first-child {
padding: 4px;
border-radius: 8px;
background: rgba(3, 147, 233, .12);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders {
max-height: 320px;
margin-top: 4px;
padding: 6px !important;
border-radius: 14px;
border: 1px solid var(--Gray-700, #344054) !important;
background: rgba(9, 15, 30, .45) !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders::-webkit-scrollbar-track {
background: transparent;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders ul,
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders ul .grid {
gap: 2px !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders .fi-fo-repeater-item {
border: 0 !important;
border-radius: 10px !important;
background: transparent !important;
box-shadow: none !important;
--tw-ring-shadow: 0 0 #0000;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders .fi-fo-repeater-item:hover {
background: rgba(3, 147, 233, .08) !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders ul .grid .fi-fo-repeater-item-content {
padding: 0 !important;
background-position: center right 14px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders .repeater_item_name_action {
justify-content: flex-start;
gap: 12px;
width: 100%;
min-height: 46px;
padding: 0 40px 0 14px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders .repeater_item_name_action svg {
flex: 0 0 auto;
width: 20px;
height: 20px;
color: var(--m-azul-m, #0393E9);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders .repeater_item_name_action span {
overflow: hidden;
color: var(--White, #FFF);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders .fi-fo-repeater-item:has(.is-back) {
margin-bottom: 4px;
border-bottom: 1px solid var(--Gray-700, #344054) !important;
border-radius: 10px 10px 0 0 !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders .fi-fo-repeater-item:has(.is-back) .fi-fo-repeater-item-content {
background-image: none;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders .repeater_item_name_action.is-back span {
color: var(--Gray-300, #D0D5DD);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders .repeater_item_name_action:disabled {
opacity: .4;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .repeater_folders:not(:has(.repeater_item_name_action:not(.is-back)))::after {
content: attr(data-empty-text);
display: block;
padding: 18px 14px 14px;
color: var(--Gray-400, #98A2B3);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1.4;
text-align: center;
}
@media screen and (min-width: 1200px) {
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-window.modalNavigationContent {
max-width: 720px !important;
}
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders .fi-section-header-heading,
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders .fi-section-header > div {
width: 100%;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders_breadcrumb {
justify-content: flex-start !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders_breadcrumb > * {
flex: 0 1 auto;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders_breadcrumb .fi-ac {
justify-content: flex-start !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders_breadcrumb {
flex-direction: row !important;
align-items: center !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders .fi-section-content .fi-fo-component-ctn,
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalNavigationContent .section_folders .fi-section-content .col-\[--col-span-default\] {
justify-items: start;
text-align: left;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .content {
width: 100%;
max-width: none !important;
margin: 0 !important;
border-color: rgba(3, 147, 233, .3);
background: rgba(3, 147, 233, .07);
}
.fileDeleteContent,
.fileDeleteContent > *,
.fileDeleteNotice {
width: 100%;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-content > :is(.fileDeleteContent, .folderPickerCard) {
width: 100%;
}
@media screen and (min-width: 1200px) {
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-window:has(.fi-modal-content .modalAction .icon__title) .fi-modal-heading {
display: none;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-window:has(.fi-modal-content .modalAction .icon__title) .fi-modal-header {
min-height: 0;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-window:has(.fi-modal-content .modalAction .icon__title) .fi-modal-content {
padding-top: 36px !important;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-window:has(.fi-modal-content .modalAction .icon__title) .modalAction .icon__title {
min-height: 40px;
padding-right: 40px;
}
}
.fileDeleteNotice,
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .content {
display: block;
padding: 14px 16px;
border-radius: 12px;
border: 1px solid var(--Gray-700, #344054) !important;
background: rgba(27, 36, 54, .3) !important;
color: var(--Gray-300, #D0D5DD);
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px;
line-height: 1.5;
}
.fileDeleteNotice p + p {
margin-top: 6px;
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .modalAction .icon__title .icon[style*="F04438" i] {
border-color: rgba(240, 68, 56, .35);
background: rgba(240, 68, 56, .12);
}
:is(.dynamicTableComponent[class*="ListProjectFiles"], .dynamicTableComponent[class*="ListTrashProjectFiles"], .dynamicTableComponent[class*="ListCart"], .dynamicTableComponent[class*="ListUsers"], .dynamicTableComponent[class*="ListUserGroups"], .dynamicTableComponent[class*="ListContacts"], .dynamicTableComponent[class*="ListContactLists"], .dynamicTableComponent[class*="ListProjectTemplates"], .dynamicTableComponent:is([class*="ListAreas "], [class*="ListCategories "], [class*="ListExtensions "], [class*="ListGenres "], [class*="ListLoginSliders "], [class*="ListPhases "], [class*="ListProducers "], [class*="ListProductionTipologies "], [class*="ListRoles "]), .fi-resource-project-templates.fi-resource-view-record-page) .fi-modal-window.modalPreviewFile .fi-modal-content {
margin: 0 !important;
padding: 0 !important;
border: 1px solid var(--Gray-700, #344054) !important;
}
.fi-modal-window.modalPreviewFile {
height: auto !important;
max-height: 92dvh;
border-radius: 16px !important;
background: transparent !important;
box-shadow: 0 24px 60px rgba(0, 0, 0, .5) !important;
}
.fi-modal-window.modalPreviewFile .fi-modal-content {
height: auto !important;
max-height: 90dvh;
overflow-y: auto;
border-radius: 16px;
background: var(--Gray-950, #0C111D);
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxListParent .megaCheboxList_input {
height: 36px;
padding: 0 30px 0 12px !important;
overflow: hidden;
border-radius: 8px !important;
border: 1px solid var(--Gray-700, #344054) !important;
background-color: rgba(27, 36, 54, .45) !important;
background-position: right 10px center;
color: var(--White, #FFF);
font-size: 13px !important;
text-overflow: ellipsis;
white-space: nowrap;
transition: border-color .15s ease, background-color .15s ease;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxListParent .megaCheboxList_input:hover,
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxListParent .megaCheboxList_input.open {
border-color: var(--m-azul-m, #0393E9) !important;
background-color: rgba(3, 147, 233, .08) !important;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper.open {
min-width: 220px;
max-width: 280px;
max-height: 260px;
margin-top: 6px;
padding: 6px !important;
border-radius: 12px;
border-color: var(--Gray-700, #344054);
background: #0f1b2d;
box-shadow: 0 16px 32px rgba(0, 0, 0, .45);
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper label.fi-fo-checkbox-list-option-label {
padding: 8px 10px;
border-radius: 8px;
font-size: 13px;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper label.fi-fo-checkbox-list-option-label:hover {
background: rgba(3, 147, 233, .1);
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper.open::-webkit-scrollbar-track {
background: transparent;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper .fi-fo-checkbox-list {
margin-top: 4px !important;
gap: 2px;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper .fi-fo-checkbox-list > div {
padding-top: 2px !important;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper label.fi-fo-checkbox-list-option-label {
align-items: center;
cursor: pointer;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper label.fi-fo-checkbox-list-option-label span.fi-fo-checkbox-list-option-label {
padding: 0;
border-radius: 0;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper label.fi-fo-checkbox-list-option-label .grid {
line-height: 20px;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper {
left: 0;
right: auto;
visibility: hidden;
pointer-events: none;
transition: opacity .15s ease, visibility .15s ease;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper.open {
visibility: visible;
pointer-events: auto;
min-width: 100%;
width: max-content;
max-width: 260px;
overflow-y: auto;
z-index: 30;
}
:is(.notificationModal, .repeater_templateNotifications) .megaCheboxList_listWrapper.open.drop-up {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 6px;
}
.documentViewer__toolbar,
.documentViewer__info,
.documentViewer__tabs {
flex-shrink: 0;
}
.modalTileHeading .fi-modal-heading {
display: flex;
align-items: center;
gap: 12px;
}
.modalTileHeading .fi-modal-heading > svg {
flex: 0 0 auto;
width: 40px !important;
min-width: 40px;
height: 40px !important;
padding: 9px;
border-radius: 12px;
border: 1px solid rgba(3, 147, 233, .3);
background: rgba(3, 147, 233, .12);
}
.modalTileHeading .fi-modal-heading > span {
margin: 0 !important;
font-size: 22px !important;
line-height: 1.25 !important;
letter-spacing: -0.3px;
}
.folderPickerCard__icon--cover {
padding: 0;
overflow: hidden;
}
.folderPickerCard__icon--cover img {
object-fit: cover;
}
.folderPickerCard__icon .fi-icon,
.folderPickerCard__icon > svg {
color: var(--m-azul-m, #0393E9);
}
.fi-modal-window[tabindex="-1"]:focus {
outline: none;
}
.memberPicker .fi-input-wrp {
overflow: visible;
border-radius: 12px !important;
background: var(--Gray-850, #172030) !important;
box-shadow: 0 0 0 1px var(--Gray-700, #344054) !important;
transition: box-shadow .15s ease, background-color .15s ease;
}
.memberPicker .fi-input-wrp:hover {
box-shadow: 0 0 0 1px var(--Gray-600, #475467) !important;
}
.memberPicker .fi-input-wrp:has(.choices.is-open),
.memberPicker .fi-input-wrp:has(.choices.is-focused) {
box-shadow: 0 0 0 1px var(--m-azul-m, #0393E9), 0 0 0 4px rgba(3, 147, 233, .15) !important;
}
.memberPicker .choices::after {
display: none !important;
}
.memberPicker .choices__inner {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 6px;
min-height: 46px;
padding: 7px 12px 7px 40px !important;
border: 0 !important;
border-radius: 12px !important;
background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2398A2B3' stroke-width='1.67' stroke-linecap='round'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Cpath d='m17.5 17.5-4-4'/%3E%3C/svg%3E") no-repeat 14px 14px / 18px 18px !important;
}
.memberPicker .choices.is-open .choices__inner {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%230393E9' stroke-width='1.67' stroke-linecap='round'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Cpath d='m17.5 17.5-4-4'/%3E%3C/svg%3E") !important;
}
.memberPicker .choices__list--multiple {
display: contents !important;
}
.memberPicker .choices__list--multiple .choices__item {
display: inline-flex !important;
align-items: center;
gap: 6px;
max-width: 100%;
margin: 0 !important;
padding: 3px 4px 3px 3px !important;
border-radius: 999px !important;
border: 1px solid var(--Gray-700, #344054) !important;
background: var(--Gray-800, #1D2939) !important;
color: var(--White, #FFF) !important;
word-break: normal !important;
}
.memberPicker .choices__list--multiple .choices__item.is-highlighted {
border-color: var(--m-azul-m, #0393E9) !important;
background: rgba(3, 147, 233, .14) !important;
}
.memberPicker .choices__list--multiple .selectUserResult,
.memberPicker .choices__list--multiple .selectUserResult > div {
align-items: center;
min-width: 0;
}
.memberPicker .choices__list--multiple .selectUserResult__media {
padding: 0 !important;
}
.memberPicker .choices__list--multiple .selectUserResult__avatar {
width: 22px !important;
height: 22px !important;
}
.memberPicker .choices__list--multiple .selectUserResult__avatar svg {
padding: 3px;
}
.memberPicker .choices__list--multiple .selectUserResult__text {
min-width: 0;
padding: 0 0 0 7px !important;
}
.memberPicker .choices__list--multiple .selectUserResult__name {
overflow: hidden;
padding: 0 !important;
font-family: "ApercuMovistar-Medium", "ApercuMovistar-Regular", sans-serif;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 16px;
text-overflow: ellipsis;
white-space: nowrap;
}
.memberPicker .choices__list--multiple .selectUserResult__meta {
display: none;
}
.memberPicker .choices__list--multiple .choices__button {
flex: 0 0 auto;
width: 18px !important;
height: 18px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50%;
opacity: 1 !important;
text-indent: -9999px;
background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%2398A2B3' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M3 3l6 6M9 3l-6 6'/%3E%3C/svg%3E") no-repeat center / 10px 10px !important;
transition: background-color .15s ease;
}
.memberPicker .choices__list--multiple .choices__button:hover {
background-color: rgba(240, 68, 56, .18) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23F04438' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M3 3l6 6M9 3l-6 6'/%3E%3C/svg%3E") !important;
}
.memberPicker .choices__input--cloned {
flex: 1 1 120px;
min-width: 120px;
margin: 0 !important;
padding: 4px 2px !important;
border: 0 !important;
background: transparent !important;
color: var(--White, #FFF) !important;
font-family: "ApercuMovistar-Regular", sans-serif;
font-size: 13px !important;
box-shadow: none !important;
}
.memberPicker .choices__input--cloned::placeholder {
color: var(--Gray-400, #98A2B3);
}
.memberPicker .selectUserResult__avatar img,
.memberPicker .selectUserResult__avatar svg {
width: 100% !important;
height: 100% !important;
border-radius: 50% !important;
box-shadow: 0 0 0 1px var(--Gray-700, #344054) !important;
}
.memberPicker .selectUserResult__avatar svg {
background: rgba(3, 147, 233, .12);
}
.memberPicker .choices__list--dropdown {
z-index: 30 !important;
margin-top: 8px !important;
padding: 6px !important;
overflow: hidden;
border-radius: 14px !important;
border: 1px solid var(--Gray-700, #344054) !important;
background: var(--Gray-900, #101828) !important;
box-shadow: 0 24px 48px -12px rgba(0, 0, 0, .6) !important;
}
.memberPicker .choices__list--dropdown .choices__list {
max-height: 272px !important;
padding-right: 2px;
}
.memberPicker .choices__list--dropdown .choices__item {
position: relative;
padding: 8px 44px 8px 12px !important;
border-radius: 10px;
color: var(--White, #FFF) !important;
transition: background-color .12s ease;
}
.memberPicker .choices__list--dropdown .choices__item--selectable::after {
content: "";
position: absolute;
top: 50%;
right: 12px;
width: 24px;
height: 24px;
border-radius: 50%;
opacity: 0;
transform: translateY(-50%);
background: rgba(3, 147, 233, .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%230393E9' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M6 2.5v7M2.5 6h7'/%3E%3C/svg%3E") no-repeat center / 10px 10px;
transition: opacity .12s ease;
}
.memberPicker .choices__list--dropdown .choices__item.is-highlighted {
background: rgba(3, 147, 233, .10) !important;
}
.memberPicker .choices__list--dropdown .choices__item.is-highlighted::before {
content: "";
position: absolute;
top: 10px;
bottom: 10px;
left: 0;
width: 3px;
border-radius: 0 3px 3px 0;
background: var(--m-azul-m, #0393E9);
}
.memberPicker .choices__list--dropdown .choices__item.is-highlighted::after {
opacity: 1;
}
.memberPicker .choices__list--dropdown .selectUserResult,
.memberPicker .choices__list--dropdown .selectUserResult > div {
align-items: center;
}
.memberPicker .choices__list--dropdown .selectUserResult__media {
padding: 0 !important;
}
.memberPicker .choices__list--dropdown .selectUserResult__avatar {
width: 34px !important;
height: 34px !important;
}
.memberPicker .choices__list--dropdown .selectUserResult__avatar svg {
padding: 7px;
}
.memberPicker .choices__list--dropdown .selectUserResult__text {
gap: 2px;
padding: 0 0 0 12px !important;
}
.memberPicker .choices__list--dropdown .selectUserResult__name {
padding: 0 !important;
font-family: "ApercuMovistar-Medium", "ApercuMovistar-Regular", sans-serif;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 18px;
}
.memberPicker .choices__list--dropdown .selectUserResult__meta {
color: var(--Gray-400, #98A2B3);
font-size: 12px !important;
line-height: 16px !important;
}
.memberPicker .choices__list--dropdown .choices__item--disabled,
.memberPicker .choices__list--dropdown .has-no-results,
.memberPicker .choices__list--dropdown .has-no-choices {
padding: 14px 12px !important;
color: var(--Gray-400, #98A2B3) !important;
font-size: 13px;
text-align: center;
}
.memberPicker .choices__list--dropdown .has-no-results::after,
.memberPicker .choices__list--dropdown .has-no-choices::after,
.memberPicker .choices__list--dropdown .choices__item--disabled::after {
display: none;
}
.memberPicker .choices__list--dropdown .choices__list::-webkit-scrollbar {
width: 6px;
}
.memberPicker .choices__list--dropdown .choices__list::-webkit-scrollbar-button {
display: none;
}
.memberPicker .choices__list--dropdown .choices__list::-webkit-scrollbar-track {
background: transparent;
}
.memberPicker .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
border-radius: 99px;
background: var(--Gray-600, #475467);
}
.filePermissionsModal .repeater_templateNotifications .templateNotificationGroup__icon {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(3, 147, 233, .12);
}
.filePermissionsModal .repeater_templateNotifications .templateNotificationGroup__icon svg {
width: 18px !important;
height: 18px !important;
}
.repeater_templateNotifications .fi-fo-repeater-item,
.repeater_templateNotifications .fi-fo-repeater-item-content > .fi-fo-component-ctn {
overflow: visible !important;
}
.repeater_templateNotifications .fi-fo-repeater-item:has(.megaCheboxList_listWrapper.open) {
position: relative;
z-index: 20;
}
.repeater_templateNotifications .gridRow:has(.megaCheboxList_listWrapper.open) {
position: relative;
z-index: 2;
}
@media screen and (min-width: 1200px) {
.repeater_templateNotifications .gridRow > .fi-fo-component-ctn {
min-height: 36px;
align-items: center;
}
.repeater_templateNotifications .templateFolderNotifications__formatPlaceholder {
min-height: 36px;
}
}
.fi-fo-component-ctn .fi-input-wrp:not(:has(.fi-input-wrp-prefix)) .choices[data-type*="select-one"] .choices__inner { padding-left: 12px; }
.fi-fo-component-ctn .choices.is-disabled[data-type*="select-multiple"] .choices__inner { min-height: 36px; display: flex; align-items: center; }
.filepond--root[data-disabled] .filepond--file-action-button,
.filepond--root[data-disabled] .filepond--action-edit-item,
.filepond--root[data-disabled] .filepond--file-info,
.filepond--root[data-disabled] .filepond--file-status,
.filepond--root[data-disabled] .filepond--image-preview-overlay { display: none !important; }
.fi-resource-users.fi-resource-view-record-page .fi-input:disabled::placeholder { color: transparent; -webkit-text-fill-color: transparent; }
.fi-resource-users.fi-resource-view-record-page .fi-input:disabled,
.fi-resource-users.fi-resource-view-record-page .fi-select-input:disabled,
.fi-resource-users.fi-resource-view-record-page .choices.is-disabled[data-type*="select-one"] .choices__item { color: rgb(152, 162, 179); -webkit-text-fill-color: rgb(152, 162, 179); opacity: 1; }
@media screen and (max-width: 1199px) {
.fi-resource-users.fi-resource-view-record-page .createEditGroupTable .fi-fo-component-ctn > * + * > .fi-section { margin-top: 8px; padding-top: 20px; border-top: 1px solid rgba(3, 147, 233, .2); border-radius: 0; }
.fi-resource-users.fi-resource-view-record-page .filepond--root[data-disabled] { max-width: 220px; margin-inline: auto; }
.userFormPage .user-photo-info .fi-section-content > .grid > * { grid-column: 1 / -1; }
.userFormPage .user-photo-info .fi-section-content > .grid > *:first-child { grid-row: auto; }
:is(.userFormPage, .userGroupFormPage, .fi-resource-projects:is(.fi-resource-create-record-page, .fi-resource-edit-record-page), .fi-resource-project-templates:is(.fi-resource-create-record-page, .fi-resource-edit-record-page, .fi-resource-view-record-page), :is(.fi-resource-users, .fi-resource-user-groups, .fi-resource-contacts, .fi-resource-contact-lists, .fi-resource-login-sliders, .fi-resource-categories, .fi-resource-production-tipologies, .fi-resource-genres, .fi-resource-important-notices, .fi-resource-producers, .fi-resource-roles, .fi-resource-phases, .fi-resource-extensions):is(.fi-resource-create-record-page, .fi-resource-edit-record-page, .fi-resource-view-record-page)) .fi-form-actions .fi-ac { flex-direction: column; align-items: stretch; gap: 10px; }
:is(.userFormPage, .userGroupFormPage, .fi-resource-projects:is(.fi-resource-create-record-page, .fi-resource-edit-record-page), .fi-resource-project-templates:is(.fi-resource-create-record-page, .fi-resource-edit-record-page, .fi-resource-view-record-page), :is(.fi-resource-users, .fi-resource-user-groups, .fi-resource-contacts, .fi-resource-contact-lists, .fi-resource-login-sliders, .fi-resource-categories, .fi-resource-production-tipologies, .fi-resource-genres, .fi-resource-important-notices, .fi-resource-producers, .fi-resource-roles, .fi-resource-phases, .fi-resource-extensions):is(.fi-resource-create-record-page, .fi-resource-edit-record-page, .fi-resource-view-record-page)) .fi-form-actions .fi-btn { width: 100%; min-height: 44px; }
.notificationSettingsActions { flex-direction: column-reverse; align-items: stretch; gap: 10px; }
.notificationSettingsActions > .fi-btn { width: 100%; min-height: 44px; margin: 0 !important; }
.customLoginPage.profilePage .buttons { flex-direction: column-reverse; align-items: stretch; gap: 10px; }
.customLoginPage.profilePage .buttons > :is(.fi-btn, .cancelButton) { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin: 0; }
}
.fi-main-ctn:has(.customProductionsPage) { min-width: 0; }