- Scan ID:
- dff38924-a114-4c4f-9f0f-b79536ff23cfFinished
- Submitted URL:
- https://transfer.ensemblehp.com/
- Report Finished:
Links · 0 found
The outgoing links identified from the page
JavaScript Variables · 16 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | 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 |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!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>