- ID de l'analyse :
- dff38924-a114-4c4f-9f0f-b79536ff23cfTerminée
- URL soumise :
- https://transfer.ensemblehp.com/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 16 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| _global | object |
| _sentryDebugIds | object |
| _sentryDebugIdIdentifier | string |
| SENTRY_RELEASE | object |
| webpackChunkfiles_dot_com_web_app | object |
| clearImmediate | function |
| setImmediate | function |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en" data-react-helmet="lang"><head><meta charset="utf-8"><meta http-equiv="X-Content-Type-Options" content="nosniff"><meta http-equiv="X-Download-Options" content="noopen"><meta http-equiv="X-Permitted-Cross-Domain-Policies" content="none"><meta http-equiv="X-XSS-Protection" content="1; mode=block"><meta name="referrer" content="origin"><meta content="width=device-width,initial-scale=1" name="viewport"><link id="favicon16" rel="icon" sizes="16x16" href="/favicon.ico" type="image/x-icon"><link id="favicon32" rel="icon" sizes="32x32"><link id="favicon48" rel="icon" sizes="48x48"><link id="favicon128" rel="icon" sizes="128x128"><link rel="stylesheet" href="/styles.bbd9c6d8c98beedc195a.css"><link rel="stylesheet" href="/tailwind.generated.951b4a751ecf261885fabe54d90c0919.css"><!--!<link rel="licenses" href="licenses.txt">--></head><body><div id="brickftp-analytics"></div><div id="app"><div class="App"><div class="SystemMessages"></div><div class="ToastNotifications"></div><style>
:root {
/* Semantic Variables
Description: Uses a simple background/foreground convention for colors. Inspired by https://ui.shadcn.com/docs/theming#convention.
Note: The background suffix is omitted when the variable is used for the background color of the component.
Note: Colors are defined as channels with no color space function, ensuring compatibility with Tailwind's opacity modifier syntax. See https://tailwindcss.com/docs/customizing-colors#using-css-variables.
========================================================================== */
/* Default background color of <body />, etc. */
--background: 0 0% 100%; /* --white: #fff; */
--foreground: 0 0% 7%; /* --gray-950: #111; */
/* Muted backgrounds such as <Skeleton /> and <Switch /> */
--muted: 0 0% 97%; /* --gray-150: #f7f7f7; */
--muted-foreground: 0 0% 40%; /* --gray-600: #666; */
/* Background color for <Card /> */
--card: 0 0% 100%; /* --white: #fff; */
--card-foreground: 0 0% 7%; /* --gray-950: #111; */
/* Background color for popovers such as <DropdownMenu />, <Tooltip />, <Popover /> */
--popover: 0 0% 100%; /* --white: #fff; */
--popover-foreground: 0 0% 7%; /* --gray-950: #111; */
/* Default border color */
--border: 0 0% 85%; /* --gray-300: #d8d8d8; */
/* Legacy border colors that may or may not be reevaluated in the future. */
--border-prominent: 0 0% 49%; /* --gray-500: #7d7d7d; */ /* Border color for secondary button and checkbox. */
--border-muted: 0 0% 93%; /* --gray-200: #eee; */ /* Border color for empty screen and table filter containers. */
/* Border color for inputs such as <Input />, <Select />, <Textarea /> */
--input: 0 0% 85%; /* --gray-300: #d8d8d8; */
/* Primary colors for <Button /> */
--primary: 353 72% 44%; /* --files-red: #c11f32; */ /* TODO: This conflicts with destructive. Would a neutral (--gray-950) make more sense? */
--primary-foreground: 0 0% 98%; /* --gray-100: #fafafa; */
/* Secondary colors for <Button /> */
--secondary: 0 0% 95%; /* --gray-175: #f3f3f3; */
--secondary-foreground: 0 0% 7%; /* --gray-950: #111; */
/* Used for accents such as hover effects on <DropdownMenuItem>, <SelectItem> items, etc. */
--accent: 0 0% 95%; /* --gray-175: #f3f3f3; */
--accent-foreground: 0 0% 7%; /* --gray-950: #111; */
/* Used for destructive actions such as <Button variant="destructive"> */
--destructive: 0 75% 54%; /* --error-red-500: #e23232; */
--destructive-foreground: 0 0% 98%; /* --gray-100: #fafafa; */
/* Used for focus ring */
--ring: 0 0% 13%; /* --gray-900: #222; */
/* Border radius for card, input and buttons */
--radius: 0.5rem;
/* Legacy Colors
TODO: Replace with new color variables.
========================================================================== */
/* Common */
--blue: #0066a7;
--green: #39a639;
--red: #c70000;
--rose: #de404f;
--orange: #d84d1a;
--light-pink: #fff1f4;
--yellow-dark: #cc0;
--yellow-orange: #ff9100;
/* Focus */
--focus-box-shadow: var(--gray-600);
/* Bookmark */
--bookmark-red: #d20000;
--bookmark-orange: #ff8600;
--bookmark-yellow: #ffd800;
--bookmark-green: #3ee000;
--bookmark-blue: #00c8e0;
--bookmark-indigo: #7900e0;
--bookmark-violet: #e000c1;
--bookmark-light-red: #fae5e5;
--bookmark-light-orange: #fceede;
--bookmark-light-yellow: #fdf5cb;
--bookmark-light-green: #e4f9dc;
--bookmark-light-blue: #dcf7f9;
--bookmark-light-indigo: #f4e7ff;
--bookmark-light-violet: #fbe9f9;
/* Transfer */
--progress: #00abc7;
/* Neutrals
========================================================================== */
--white: #fff;
--gray-100: #fafafa;
--gray-150: #f7f7f7;
--gray-175: #f3f3f3;
--gray-200: #eee;
--gray-250: #e6e6e6;
--gray-300: #d8d8d8;
--gray-350: #c1c1c1;
--gray-400: #ababab;
--gray-450: #949494;
/* Meets WCAG minimum AA contrast ratio of 3:1 for content-relevant graphics (icons, button and
input borders, etc.) when used on the following backgrounds: white, from gray-100 up to
gray-250, in addition to common browser-alterations (e.g. Chrome's #e8f0fe autocomplete
background). Note that the WCAG minimum only applies to graphics that add to the meaning of
content (e.g. check icon to indicate a valid input), and does not apply to purely decorative
icons (e.g. empty screen icon that primarily is there for design purposes). */
--gray-500: #7d7d7d;
/* Meets WCAG minimum AA contrast ratio of 4.5:1 for text (and therefore can also be used for
graphics) when used on the following backgrounds: white, from gray-100 up to gray-250, in
addition to common browser-alterations (e.g. Chrome's #e8f0fe autocomplete background). Note
that this minimum-contrast color is primarily useful for secondary text such as placeholders,
"or" separators, etc. */
--gray-600: #666;
--gray-700: #4f4f4f;
--gray-800: #393939;
--gray-850: #333;
--gray-900: #222;
--gray-950: #111;
--black: #111;
/* Files.com Red
========================================================================== */
--brand-red-050: #fff6f6;
--brand-red-100: #fee6e6;
--brand-red-300: #f76e70;
--brand-red-400: #ee2b38;
--brand-red-500: #c11f32;
--brand-red-600: #8e1021;
--brand-red-800: #610514;
--brand-red-900: #4c151f;
/* Files.com Warm Gray
Description: Appropriate for components themed specifically to the Files.com brand, such as upgrade alerts.
Note: Refer to the 'neutrals' section for app-wide grays that are suitable for custom branding.
========================================================================== */
--gray-warm-background: #efe7e7;
--gray-warm-border: #8c7473;
/* Success green base
========================================================================== */
/* 5% darkening increments. */
--success-green-050: #f8fcf8;
--success-green-100: #e6f4e6;
--success-green-150: #d5edd5;
--success-green-200: #c3e5c3;
--success-green-250: #b2deb2;
--success-green-300: #a0d6a0;
--success-green-350: #8fcf8f;
--success-green-400: #7dc77d;
--success-green-450: #6cc06c;
--success-green-500: #5ab85a;
--success-green-550: #4baf4b;
--success-green-600: #439d43;
--success-green-650: #3c8c3c;
--success-green-700: #347a34;
--success-green-750: #2d692d;
--success-green-800: #255725;
--success-green-850: #1e461e;
--success-green-900: #163416;
--success-green-950: #0f230f;
/* Success green theme
========================================================================== */
--success-border-theme-light: var(--success-green-600);
/* For light text (at least 4.5 to 1 contrast), with surrounding light containers. */
--success-background-dark-theme-light: var(--success-green-700);
/* For dark text (at least 4.5 to 1 contrast), with surrounding light containers. */
--success-background-light-theme-light: var(--success-green-100);
/* At least 3:1 contrast to --success-background-light-theme-light. */
--success-icon-theme-light: var(--success-green-600);
/* At least 4.5:1 contrast to --success-background-light-theme-light. We display an underline on link
and remove it on hover, so we ignore the 3:1 contrast requirement to surrounding text, which is
nearly impossible when accounting for text to background contrast unless we move to neutral,
non-themed text . */
--success-link-hover-theme-light: var(--success-green-750);
/* At least 4.5:1 contrast to --success-background-light-theme-light. */
--success-text-theme-light: var(--success-green-850);
/* Error red base
========================================================================== */
/* 5% darkening increments. */
--error-red-050: #fef8f8;
--error-red-100: #fbe2e2;
--error-red-150: #f8cccc;
--error-red-200: #f5b6b6;
--error-red-250: #f1a0a0;
--error-red-300: #ee8a8a;
--error-red-350: #eb7474;
--error-red-400: #e85e5e;
--error-red-450: #e54848;
--error-red-500: #e23232;
--error-red-550: #dc1f1f;
--error-red-600: #c61c1c;
--error-red-650: #b01919;
--error-red-700: #9a1616;
--error-red-750: #841313;
--error-red-800: #6e1010;
--error-red-850: #580d0d;
--error-red-900: #420909;
--error-red-950: #2c0606;
/* Error red theme
========================================================================== */
--error-border-theme-light: var(--error-red-600);
/* For light text (at least 4.5 to 1 contrast), with surrounding light containers. */
--error-background-dark-theme-light: var(--error-red-700);
/* For dark text (at least 4.5 to 1 contrast), with surrounding light containers. */
--error-background-light-theme-light: var(--error-red-100);
/* At least 3:1 contrast to --error-background-light-theme-light. */
--error-icon-theme-light: var(--error-red-600);
/* At least 4.5:1 contrast to --error-background-light-theme-light. We display an underline on link
and remove it on hover, so we ignore the 3:1 contrast requirement to surrounding text, which is
nearly impossible when accounting for text to background contrast unless we move to neutral,
non-themed text . */
--error-link-hover-theme-light: var(--error-red-750);
/* At least 4.5:1 contrast to --error-background-light-theme-light. */
--error-text-theme-light: var(--error-red-850);
/* Info blue base
========================================================================== */
/* 5% darkening increments. */
--info-blue-050: #f5fbfe;
--info-blue-100: #def2fc;
--info-blue-150: #c8e9f9;
--info-blue-200: #b1e0f7;
--info-blue-250: #9ad7f5;
--info-blue-300: #84cef3;
--info-blue-350: #6dc5f0;
--info-blue-400: #56bbee;
--info-blue-450: #40b2ec;
--info-blue-500: #29a9ea;
--info-blue-550: #179fe3;
--info-blue-600: #148fcc;
--info-blue-650: #127fb5;
--info-blue-700: #106f9f;
--info-blue-750: #0e5f88;
--info-blue-800: #0b4f71;
--info-blue-850: #093f5b;
--info-blue-900: #073044;
--info-blue-950: #05202d;
/* Info gray base
========================================================================== */
/* 5% darkening increments. */
--info-gray-100: #fafafa;
--info-gray-150: #f7f7f7;
--info-gray-175: #f3f3f3;
--info-gray-200: #eee;
--info-gray-250: #e6e6e6;
--info-gray-300: #d8d8d8;
--info-gray-350: #c1c1c1;
--info-gray-400: #ababab;
--info-gray-450: #949494;
--info-gray-500: #7d7d7d;
--info-gray-600: #666;
--info-gray-700: #4f4f4f;
--info-gray-800: #393939;
--info-gray-850: #333;
--info-gray-900: #222;
--info-gray-950: #111;
/* Info gray theme
========================================================================== */
--info-border-theme-light: var(--info-gray-600);
/* For light text (at least 4.5 to 1 contrast), with surrounding light containers. */
--info-background-dark-theme-light: var(--info-gray-700);
/* For dark text (at least 4.5 to 1 contrast), with surrounding light containers. */
--info-background-light-theme-light: var(--info-gray-100);
/* At least 3:1 contrast to --info-background-light-theme-light. */
--info-icon-theme-light: var(--info-gray-600);
/* At least 4.5:1 contrast to --info-background-light-theme-light. We display an underline on link and
remove it on hover, so we ignore the 3:1 contrast requirement to surrounding text, which is
nearly impossible when accounting for text to background contrast unless we move to neutral,
non-themed text . */
--info-link-hover-theme-light: var(--info-gray-750);
/* At least 4.5:1 contrast to --info-background-light-theme-light. */
--info-text-theme-light: var(--info-gray-850);
/* Warning yellow base
========================================================================== */
/* 5% darkening increments. */
--warning-yellow-050: #fffbf5;
--warning-yellow-100: #fff1dc;
--warning-yellow-150: #ffe7c3;
--warning-yellow-200: #fda;
--warning-yellow-250: #ffd391;
--warning-yellow-300: #ffc978;
--warning-yellow-350: #ffbf5f;
--warning-yellow-400: #ffb546;
--warning-yellow-450: #ffab2d;
--warning-yellow-500: #ffa114;
--warning-yellow-550: #fa9600;
--warning-yellow-600: #e18700;
--warning-yellow-650: #c87800;
--warning-yellow-700: #af6900;
--warning-yellow-750: #965a00;
--warning-yellow-800: #7d4b00;
--warning-yellow-850: #643c00;
--warning-yellow-900: #4b2d00;
--warning-yellow-950: #321e00;
/* Warning yellow theme
========================================================================== */
--warning-border-theme-light: var(--warning-yellow-650);
/* For light text (at least 4.5 to 1 contrast), with surrounding light containers. */
--warning-background-dark-theme-light: var(--warning-yellow-700);
/* For dark text (at least 4.5 to 1 contrast), with surrounding light containers. */
--warning-background-light-theme-light: var(--warning-yellow-100);
/* At least 3:1 contrast to --warning-background-light-theme-light. */
--warning-icon-theme-light: var(--warning-yellow-650);
/* At least 4.5:1 contrast to --warning-background-light-theme-light. We display an underline on link
and remove it on hover, so we ignore the 3:1 contrast requirement to surrounding text, which is
nearly impossible when accounting for text to background contrast unless we move to neutral,
non-themed text . */
--warning-link-hover-theme-light: var(--warning-yellow-750);
/* At least 4.5:1 contrast to --warning-background-light-theme-light. */
--warning-text-theme-light: var(--warning-yellow-850);
/* Priority blue
========================================================================== */
--priority-blue-500: #59c5dd;
--priority-blue-200: #def3f8;
--priority-blue-100: #ebf8fb;
/* Priority green
========================================================================== */
--priority-green-500: #73dd42;
--priority-green-200: #e3f8d9;
--priority-green-100: #eefbe8;
/* Priority indigo
========================================================================== */
--priority-indigo-500: #6e14d8;
--priority-indigo-200: #e2d0f7;
--priority-indigo-100: #eee3fa;
/* Priority orange
========================================================================== */
--priority-orange-500: #ef8d34;
--priority-orange-200: #fce8d6;
--priority-orange-100: #fdf1e6;
/* Priority red
========================================================================== */
--priority-red-500: #c1281b;
--priority-red-200: #f3d4d1;
--priority-red-100: #f8e5e3;
/* Priority violet
========================================================================== */
--priority-violet-500: #ce2cbb;
--priority-violet-200: #f5d5f1;
--priority-violet-100: #f9e6f7;
/* Priority yellow
========================================================================== */
--priority-yellow-500: #f9da49;
--priority-yellow-200: #fef8db;
--priority-yellow-100: #fefbe9;
/* Text colors
========================================================================== */
--text-primary: var(--gray-950);
--text-obscure: var(--gray-600);
--text-paragraph: var(--gray-700);
--text-color-placeholder: var(--text-obscure);
--footer-text-color: var(--gray-600);
/* Table colors
========================================================================== */
/* Border color for both the vertical and horizontal separators, in both the header and body */
--table-separator-border-color: var(--gray-250);
/* Body row colors */
--table-stripe-row-color-even: var(--gray-100);
--table-stripe-row-color-odd: var(--white);
--table-row-hover-color: var(--gray-100);
/* Background colors
========================================================================== */
--background-primary-light-theme: var(--white);
--background-secondary-light-theme: var(--gray-150);
/* Graphic colors
========================================================================== */
--interactive-graphic-obscure: var(--gray-500);
--graphic-background-color-light-theme: var(--gray-200);
/* Does not technically meet accessibility requirements.
See https://gitlab.av/repository/files-react/-/issues/6182 */
--input-border-color: var(--gray-300);
--input-border-hover-color: var(--gray-500);
--input-line-height: 1;
--input-box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 5%);
--select-box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 4px 11px rgb(0 0 0 / 10%);
/* Note that we style readonly and disabled inputs the same for both design and accessibility
consistency. Semantically, disabled inputs represent inactive data that doesn't get sent in
a form and therefore these inputs do not have WCAG contrast requirements. This is opposed to
readonly inputs, which often have populated data that a user needs to be aware of, and by
extension, should have accessible text. However, for practical purposes (e.g. to prevent
focus on the input when a form is being submitted), we may use the disabled attribute on
inputs that contain text that we still want to be readable. */
--input-disabled-background-color: var(--gray-200);
--input-disabled-color: var(--gray-600);
/* Typography
========================================================================== */
--form-title-label-font-color: var(--gray-950);
--form-group-label-font-color: var(--gray-900);
--form-field-label-font-color: var(--gray-900);
--form-field-value-font-color: var(--gray-900);
/* BrandStyle
========================================================================== */
--brand-foreground: var(--brand-red-500);
}
/* TODO: Add modern color variables here with different values for dark mode. */
.dark {}
</style><style>
/* Begin Button component CSS */
.Button-branded:not(.Button-asLink) {
border-color: #b9acac;
background-color: #bfb3b3;
box-shadow: 0 1px 3px rgba(179, 165, 165, 0.12), inset 0 -1px 4px rgba(172, 157, 157, 0.75);
color: #111111;
}
.Button-branded svg path {
fill: #111111
}
@media (hover) {
.Button-branded:not(:disabled):not([aria-disabled='true']):not(.Button-asLink):hover {
background: #b9acac;
border-color: #b9acac;
box-shadow: 0 1px 2px rgba(179, 165, 165, 0.12), inset 0 -1px 4px rgba(191, 179, 179, 0.35);
}
}
.Button-branded:not(:disabled):not([aria-disabled='true']):not(.Button-asLink):focus {
background: #b9acac;
border-color: #b9acac;
box-shadow: 0 1px 2px rgba(179, 165, 165, 0.12), inset 0 -1px 4px rgba(191, 179, 179, 0.35);
}
.Button-branded.Button-transparent {
color: #bfb3b3;
background: transparent;
}
.Button-branded:disabled:not(.Button-asLink),
.Button-branded[disabled]:not(.Button-asLink),
.Button-branded[aria-disabled='true']:not(.Button-asLink) {
background-color: #ececec;
border-color: #b9b9b9;
color: #111111;
box-shadow: none;
}
.Button-branded.Button-asLink:not(.inlineLink) {
color: #bfb3b3;
}
.Button-asLink:not([disabled]):not([aria-disabled='true']):hover,
.Button-asLink:focus {
background: none;
}
.Button-asLink:hover {
background: none;
border: none;
box-shadow: none !important;
}
.Button-asLink:not(.Button-asLight):not([disabled]):not([aria-disabled='true']):not(.Button-isDestructive):hover {
color: #bfb3b3;
}
.Button-asLink.Button-asLight:not([disabled]):not([aria-disabled='true']):not(.Button-isDestructive):hover {
color: #7a9a01;
}
.Button-asLink:disabled,
.Button-asLink[disabled],
.Button-asLink:hover:disabled,
.Button-asLink[disabled]:hover {
text-decoration: none;
color: #ababab;
}
.button-primary {
color: #ffffff
}
/* End Button component CSS */
.branded-border {
border-color: #bfb3b3;
}
.branded-background {
background-color: #bfb3b3;
}
.brand-top-text {
color: #000000;
}
.ContentNavigation {
background: #7a9a01;
color: #ffffff;
}
.Header .brand-top-link {
color: #7a9a01;
}
:root {
--brand: 0 0% 100%;
--brand-foreground: 0 9% 73%;
}
.brand-link,
.brand-link-inside a {
color: #bfb3b3;
}
.brand-link-heading:hover {
color: #b9acac;
}
.brand-btn {
border-color: #bfb3b3;
background-color: #bfb3b3;
color: #111111;
}
.brand-btn:not([disabled]):not([aria-disabled='true']):hover,
.brand-btn:focus {
background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(to right, #bfb3b3, #bfb3b3);
}
.brand-btn.button-outline {
color: #bfb3b3;
}
.brand-btn.button-outline:not([disabled]):not([aria-disabled='true']):hover,
.brand-btn.button-outline:focus,
.brand-btn.button-outline:focus-within,
.react-fine-uploader-file-input-container:hover .brand-btn.button-outline,
.FieldRow:hover .FieldRow-editable-east .button-outline,
.FieldRow:focus .FieldRow-editable-east .button-outline {
border-color: #bfb3b3;
background: linear-gradient(to right, rgba(255, 255, 255, 0.93), rgba(255, 255, 255, 0.93)), linear-gradient(to right, #bfb3b3, #bfb3b3);
}
.PermissionButton.brand-btn {
border-color: transparent;
background-color: transparent;
}
.PermissionButton.brand-btn.isEditingRow .icon-checkbox-outerBox {
fill: #bfb3b3;
stroke: #bfb3b3;
}
.PermissionButton.brand-btn.isEditingRow .icon-checkbox-check {
fill: white;
}
.PermissionButton.brand-btn.isEditingRow .icon-checkbox-asterisk-outerBox {
fill: #bfb3b3;
stroke: #bfb3b3;
}
.PermissionButton.brand-btn.isEditingRow .icon-checkbox-asterisk-check {
fill: white;
}
.PermissionButton.brand-btn:not([disabled]):not([aria-disabled='true']):hover,
.PermissionButton.brand-btn:focus {
border: none;
background: none;
}
.MoreInfoExpand:hover .MoreInfoExpand-icon,
.FolderSettingsWindow-pane-list-item:hover .Button .FieldRow-display .FolderSettingsWindow-pane-list-item-title
.MoreInfo .MoreInfo-icon,
.FolderSettingsField:hover .Button div .FolderSettingsField-title .MoreInfo .MoreInfo-icon {
color: #bfb3b3;
}
.PathBar:not(.noop) .PathBar-segment:hover .PathBar-path,
.PathBar:not(.noop) .PathBar-segment:focus .PathBar-path {
color: #bfb3b3;
}
.PathBar:not(.noop) .PathBar-segment:hover .PathBar-path svg,
.PathBar:not(.noop) .PathBar-segment:focus .PathBar-path svg {
fill: #bfb3b3;
}
.FilesPage .cell-filename .button-filename:not(.sans-preview):hover,
.FilesPage .cell-filename a:hover,
.FilesPage .cell-filename a:hover i {
color: #bfb3b3;
}
thead th .Button svg.isActive path {
fill: #bfb3b3;
}
.BundleTableView a:hover,
.BundleTableView a:hover i,
.BundleTableView .button-filename:hover,
.BundleTableView .button-filename:hover i {
color: #bfb3b3;
}
.UploadingFilesTable-progressBar {
background-color: #bfb3b3;
}
.ProgressBar-Progress {
background-color: #bfb3b3;
}
.SiteSelectionMenu-trigger {
color: #111111;
}
.AnnouncementsMenu-trigger {
color: #111111;
}
.AnnouncementsMenu-trigger.has-announcements:after {
background-color: #7a9a01;
border-color: #ffffff;
}
.Content-inner-header-custom a,
.Content-inner-footer-custom a {
color: #bfb3b3;
}
input[type='radio'] {
accent-color: #bfb3b3;
}
.Checkbox-checked:not(.Checkbox-disabled) .Checkbox-checkmark {
background-color: #bfb3b3;
border: 1px solid #bfb3b3
}
.Checkbox-checked:not(.Checkbox-disabled):hover .Checkbox-checkmark {
background-color: #b9acac;
border: 1px solid #b9acac
}
.BundleGridViewItemContainer.selected .BundleGridViewItem,
.FilesPageGridItemContainer.selected .FilesPageGridItem,
.FilesGridViewItemContainer.selected .FilesGridViewItem {
border: 1px solid #bfb3b3;
}
.Switch.checked .react-switch-bg {
background-color: #bfb3b3 !important; /* required due to react-switch inline styles */
}
.Switch.checked .react-switch-handle::before {
color: #bfb3b3 !important; /* required due to react-switch inline styles */
}
.FlyoutMenu-toggleButton .Avatar svg {
fill: #7a9a01;
}
.Avatar .Avatar-admin-badge {
background-color: #bfb3b3;
}
.FolderSettingsField.with-saved-value,
.FolderSettingsWindow-pane-list-item.with-saved-value {
border-left-color: #bfb3b3;
}
.FolderSettingsField-chevron.chevron-is-active path,
.FolderSettingsWindow-pane-list-item-chevron.chevron-is-active path {
stroke: #bfb3b3;
}
.SearchMenu-menu-list-item-bg.selected {
background-color: #bfb3b3;
}
.SearchMenu-menu-list-item-bg.selected .SearchMenu-menu-link-content span {
color: #111111;
}
.Header-appMenuMobileToggleButton path {
fill: #7a9a01;
}
.SiteNotificationsMenu-Trigger path {
fill: #7a9a01;
}
.SiteNotificationsMenu-Trigger.Button-isActive path {
fill: #fff;
}
.SiteNotificationsMenu-Trigger.is-processing:after {
border-left-color: #000000;
}
.SiteNotificationsMenu-Trigger.Button-isActive.is-processing:after {
border-left-color: #fff;
}
.SearchBar .Input.text {
background-color: #ffffff;
border-color: #999999;
}
.SearchBar .SearchBar-icon path {
fill: #737373;
}
.SearchBar .Input.text:focus+svg path {
fill: #111111;
}
.SearchBar .Input.text {
color: #111111;
}
.SearchBar .Input.text::placeholder {
color: #737373;
}
.PathDecorator:hover:not(.noop) {
color: #bfb3b3;
}
.DirectoryLinkCommon:hover {
color: #bfb3b3;
}
.SearchBar .SearchField-closeButton path {
stroke: #7a9a01;
}
.SearchBar .SearchField-closeButton:hover path {
stroke: #8ea927;
}
.SiteSelectionMenu-trigger path {
fill: #7a9a01;
}
.SiteSelectionMenu-trigger.Button-isActive path {
fill: #fff;
}
.AnnouncementsMenu-trigger path {
fill: #7a9a01;
}
.AnnouncementsMenu-trigger.Button-isActive path {
fill: #fff;
}
.Header-content .FlyoutMenu-toggleButton-text {
color: #7a9a01;
}
.Header-content .FlyoutMenu-toggleButton.Button-isActive .FlyoutMenu-toggleButton-text {
color: #fff;
}
.FlyoutMenu-toggleButton-container path {
fill: #7a9a01;
}
.FlyoutMenu-toggleButton.Button-isActive path {
fill: #fff;
}
.box .TextLink-title {
color: #bfb3b3;
}
.box .TextLink .TextLink-icon path {
stroke: #bfb3b3;
}
.box .TextLink-title::after {
background-color: #bfb3b3;
}
.box .TextLink:hover .TextLink-title {
color: #b9acac;
}
.box .TextLink:hover .TextLink-title::after {
background-color: #b9acac;
}
.box .TextLink:hover .TextLink-icon path {
stroke: #b9acac;
}
.Header *:focus-visible {
outline-color: #666666;
}
.Header input:focus {
border-color: #666666;
}
.AnnouncementsMenu-trigger.Button-isActive,
.FlyoutMenu-toggleButton.Button-isActive,
.SiteNotificationsMenu-Trigger.Button-isActive {
background-color: #e0e0e0;
}
@media (hover) {
.AnnouncementsMenu-trigger:hover,
.FlyoutMenu-toggleButton:hover,
.SiteNotificationsMenu-Trigger:hover,
.HeaderLogo:hover:not(.Button-noop) {
background-color: #e0e0e0;
}
}
.AppMenu,
.AppMenu-iconViewButtonContainer {
background-color: #343b44;
}
.AppMenu *:focus-visible {
outline-color: #aeb1b4;
}
.AppMenu-iconViewButtonContainer {
border-top-color: #71767c;
}
.AppMenuItem-parentLink,
.AppMenuItem-subItem,
.AppMenu-iconViewButton {
color: #c2c4c7;
}
.AppMenu-iconViewButton .Icon path {
fill: #9a9da2;
}
.AppMenu-iconViewButton:focus .Icon path,
.AppMenu-iconViewButton:hover .Icon path {
stroke: #cccccc;
}
.AppMenuItem-parentLink .Icon path,
.AppMenuItem-subMenuToggleArrow .Icon path,
.AppMenuItem-subItem .Icon path {
fill: #9a9da2;
}
.AppMenuItem-parentLink:focus .Icon path,
.AppMenuItem-parentLink:hover .Icon path,
.AppMenuItem-activeLink .Icon path,
.AppMenuItem-expandedParent .Icon path,
.AppMenuItem-hasActiveSubItem .Icon path,
.AppMenuItem-expandedParent + .AppMenuItem-subMenuToggleArrow .Icon path,
.AppMenuItem-expandedParent + .AppMenuItem-subMenuToggleArrowExpanded .Icon path,
.AppMenuItem-subMenuToggleArrow:hover .Icon path,
.AppMenuItem-subItem:hover .Icon path,
.AppMenu-iconViewButton:hover .Icon path {
fill: #cccccc;
}
.AppMenuItem-parentLink:focus,
.AppMenuItem-parentLink:hover,
.AppMenuItem-activeLink,
.AppMenuItem-expandedParent,
.AppMenuItem-hasActiveSubItem,
.AppMenuItem-subItem:focus,
.AppMenuItem-subItem:hover,
.AppMenuItem-subItemActive,
.AppMenu-iconViewButton:hover {
color: #ffffff;
}
.AppMenuItem-activeLink,
.AppMenuItem-hasActiveSubItem,
.AppMenuItem-subItemActive {
border-left-color: #bfb3b3;
}
.AppMenuItem-hasActiveSubItem,
.AppMenuItem-hasActiveSubItem + .AppMenuItem-subMenuToggleArrow,
.AppMenuItem-activeLink,
.AppMenuItem-subItem:focus,
.AppMenuItem-subItem:hover,
.AppMenuItem-subItemActive,
.AppMenu-iconViewButton:hover {
background: #4c535a;
}
.AppMenu .bar {
background: #bfb3b3;
}
::selection {
background-color: #bfb3b3
}
.icon-checkbox-check,
.icon-checkbox-asterisk-check {
fill: #bfb3b3;
}
.ShareBundleDrawer-toggle {
color: #bfb3b3;
}
.ShareBundleDrawer-toggle:hover {
color: #bfb3b3;
}
.ShareBundleDrawer-icon path {
stroke: #bfb3b3;
}
.ShareBundleDrawer-shareIcon {
fill: #bfb3b3;
}
.ShareBundleDrawer .PermissionsToggle .PermissionButton.active,
.ShareBundleDrawer .PermissionsToggle .PermissionButton:hover {
background-color: #bfb3b3;
border-color: #bfb3b3;
}
.SiteNotificationsMenu-Body .ProgressBar-Container,
.UploadingFilesTable-progressBar-container,
.UploadingFilesTable .footer .ProgressBar-Container {
background-color: #ffffff;
border-color: #907c7c;
}
.ProgressBar-Container.fxShimmer {
animation: shimmer 2s linear infinite;
background:
#ffffff
linear-gradient(
to right,
transparent,
#ffffff,
transparent
);
background-position: top left;
background-repeat: no-repeat;
background-size: 40% 100%;
}
.FilesPage-navWrapper .ParentUp p {
color: #bfb3b3;
}
.FilesPage-navWrapper .ParentUp p svg {
fill: #bfb3b3;
}
/* Our custom Dropdown and Select components */
.Dropdown .sortLabel:hover:not(.sortLabel.active),
.Dropdown .sortLabel:active,
.Select .Select__option--is-focused,
.Select .Select__option:active,
.Select .Select__option:hover:not(.Select__option--is-selected) {
background: linear-gradient(to right, rgba(255, 255, 255, 0.93), rgba(255, 255, 255, 0.93)), linear-gradient(to right, #bfb3b3, #bfb3b3);
color: #bfb3b3;
}
.Dropdown .sortLabel.active,
.Select .Select__option--is-selected {
background: linear-gradient(to right, rgba(255, 255, 255, 0.31), rgba(255, 255, 255, 0.31)), linear-gradient(to right, #bfb3b3, #bfb3b3);
color: #fff !important;
}
.AppDetails-content-description a,
.Markdown a {
color: #bfb3b3;
text-decoration: underline;
}
.AppDetails-navigation a:hover,
.AppDetails-content-description a:hover,
.Markdown a:hover {
color: #b9acac;
text-decoration: none;
}
.SearchField-closeButton svg path {
stroke: #bfb3b3;
}
.SearchField-closeButton:hover svg path {
stroke: #b9acac;
}
.TransferPane-header.LikeAButton .icon-chevron path {
stroke: #bfb3b3;
}
.ActionButtons-uploadControls-pauseResume:hover svg path,
.ActionButtons-uploadControls-retry:hover svg path {
fill: #bfb3b3;
}
.ActionButtons-uploadControls-cancel:hover svg path {
stroke: #bfb3b3;
}
.Inbox .Files-FileInput .Button-branded svg path,
.InboxPage .Files-FileInput .Button-branded svg path {
fill: #111111;
}
.FilesPageTable-FilesPageTableRow.isDragging.display-checked-count::after,
.FilesPageGridContainer.isDraggingCheckedItem .DragDropGridItem.isDragging.display-checked-count::after {
background-color: #bfb3b3;
color: #111111;
}
</style><header class="Header" role="banner"><div class="Header-content noAuth" style="background-color: rgb(255, 255, 255);"><span aria-label="Homepage" class="Button Header-content-logoContainer HeaderLogo Button-noop Button-square Button-unstyled"><span class="Button-children"><img alt="Files.com logo" class="Header-logo hasCustomLogo" height="32" src="https://s3.amazonaws.com/objects.brickftp.com/0/29561.logo.0d7e8e8f-4012-4b35-a9b0-18b29fd4b515.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIEWLY3MN4YGZQOWA%2F20241118%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20241118T183209Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&response-cache-control=max-age%3D604800%2C%20private&response-content-type=application%2Foctet-stream&X-Amz-Signature=5177c9bcc359da3f73d9b847129dec7247ddbf48d786c88c371087f9e0e291b4"></span></span></div></header><main class="Main" role="main"><div class="Content tw-bg-gray-250" id="content"><div class="Content-inner"><div class="LoginPage"><div class="PublicPageContainer PublicPageContainer-small"><section class="PublicPageSection"><h1 class="PublicPageHeader">Sign in</h1><form action="#"><div class="InputContainer InputContainer-field InputContainer-medium InputContainer-styled"><div class="InputContainer-labelContainer"><div class=""><span><label for="form-username" class="InputContainer-label"><span>Username</span></label></span></div></div><div class="InputContainer-field-wrapper"><div class="Input-wrapper input-wrapper"><input aria-invalid="false" autocomplete="username" class="Input text Input-input" id="form-username" name="username" type="text" value=""></div></div></div><div class="InputContainer InputContainer-field PasswordField-Container InputContainer-medium InputContainer-styled"><div class="InputContainer-labelContainer"><div class=""><span><label for="form-password" class="InputContainer-label"><span>Password</span></label></span></div></div><div class="InputContainer-field-wrapper"><div class="PasswordField"><div class="Input-wrapper input-wrapper"><input aria-describedby=":r1:" aria-invalid="false" autocomplete="current-password" class="Input password PasswordField-Input Input-input" id="form-password" name="password" type="password" value=""></div><button class="Button PasswordField-VisibilityButton Button-hasIcon" aria-label="Show password" type="button"><span class="Button-children"><svg class="Icon icon-eye PasswordField-VisibilityButton-Icon" height="16" viewBox="0 0 576 512" width="16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM432 256c0 79.5-64.5 144-144 144s-144-64.5-144-144s64.5-144 144-144s144 64.5 144 144zM288 192c0 35.3-28.7 64-64 64c-11.5 0-22.3-3-31.6-8.4c-.2 2.8-.4 5.5-.4 8.4c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-2.8 0-5.6 .1-8.4 .4c5.3 9.3 8.4 20.1 8.4 31.6z"></path></svg></span></button></div></div></div><div class="field group action-buttons"><button class="Button PublicPageSubmitButton Button-asBlock Button-branded Button-isInvalid Button-large" type="submit"><span class="Button-children"><span class="button-text">Continue</span></span></button></div></form><div class=""></div><div class="WithLoginOAuth"><div class="or"><span>or</span></div><button class="Button button-oauth button-oauth-azure Button-asBlock Button-large" type="button"><span class="Button-children">Sign in with <img alt="Microsoft" src="/b764f1d9d47a4c28aaaf.svg"><img alt="SAML Logo" src="https://s3.amazonaws.com/objects.brickftp.com/0/29561.logo.cd1fa744-67f7-48df-b965-a15193b0ddd1.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIEWLY3MN4YGZQOWA%2F20241119%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20241119T175146Z&X-Amz-Expires=60&X-Amz-SignedHeaders=host&response-content-type=image%2Fpng&X-Amz-Signature=77ba32622991610a1cabc5850fe7234ce200a71e0956bcf28aef7027ae157c3c">EnsembleHP SSO (Azure)</span></button></div></section></div></div></div></div></main></div><div><div role="log" aria-live="assertive" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; white-space: nowrap; padding: 0px; width: 1px; position: absolute;"></div><div role="log" aria-live="assertive" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; white-space: nowrap; padding: 0px; width: 1px; position: absolute;"></div><div role="log" aria-live="polite" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; white-space: nowrap; padding: 0px; width: 1px; position: absolute;"></div><div role="log" aria-live="polite" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; white-space: nowrap; padding: 0px; width: 1px; position: absolute;"></div></div></div><script src="/styles.fa4bf4d935c94d4a864e.js" nonce=""></script><script src="/vendor.e16a6e0d243280074a9b.js" nonce=""></script><script src="/main.bdda8d574571df3e1165.js" nonce=""></script></body></html>