/* ════════════════════════════════════════════════
   Thales Brand Theme for GoAnywhere Web Client
   Dark Blue:  #1A2D64
   Mid Blue:   #0070B9
   Light Blue: #00AEEF
════════════════════════════════════════════════ */

/* ── Login page logo layout ──────────────────── */
div.loginLogo,
div.loginLogoCustom {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 !important;
    margin-top: -35px !important;
}

/* Hide GoAnywhere default logo, replace with Thales via ::before */
div.loginLogo h1,
div.loginLogoCustom h1 {
    display: none !important;
}

div.loginLogo::before,
div.loginLogoCustom::before {
    content: '';
    display: block;
    width: 320px;
    height: 120px;
    background: url('/custom/Thales_LOGO_RGB.png') no-repeat center / contain;
    margin-bottom: 16px;
}

div.loginLogo::after,
div.loginLogoCustom::after {
    content: "Secure Transfer Portal";
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* ── Login page background ───────────────────── */
.ThemeBackgroundWrapper,
.ThemeBackground {
    background-color: #E5F6FD !important;
    background-image: none !important;
}

.LoginPanelOuter {
    border-top: 4px solid #0070B9 !important;
}

/* ── Input fields ────────────────────────────── */
input.ui-inputfield,
input.ui-inputtext {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #1A2D64 !important;
    border-color: #0070B9 !important;
    border-radius: 4px !important;
}

input.ui-inputfield:focus,
input.ui-inputtext:focus,
input.ui-state-focus,
input.ui-inputfield.ui-state-focus {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #1A2D64 !important;
    border-color: #0070B9 !important;
    box-shadow: 0 0 0 2px rgba(0, 112, 185, 0.25) !important;
    outline: none !important;
}

input.ui-inputfield::placeholder,
input.ui-inputtext::placeholder {
    color: #8a9ab5 !important;
    opacity: 1 !important;
}

/* ── 2FA page ─────────────────────────────────── */
div.challengePanel div.LoginText {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.challengePanel input,
.challengePanel .ui-inputfield {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #1A2D64 !important;
    border-color: #0070B9 !important;
}

.challengePanel input:focus,
.challengePanel .ui-inputfield:focus {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #1A2D64 !important;
    border-color: #0070B9 !important;
    box-shadow: 0 0 0 2px rgba(0, 112, 185, 0.25) !important;
    outline: none !important;
}

/* ── Login buttons ────────────────────────────── */
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.LoginButton,
div.challengePanel button.LoginButton,
div.loginFormPanel button.LoginButton {
    background-color: #0070B9 !important;
    background-image: none !important;
    border: 1px solid #0070B9 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.LoginButton:hover,
div.challengePanel button.LoginButton:hover,
div.loginFormPanel button.LoginButton:hover {
    background-color: #1A2D64 !important;
    background-image: none !important;
    border-color: #00AEEF !important;
}

button.LoginButton span.ui-button-text {
    color: #ffffff !important;
}

/* ── Override theme.css Fortra green ─────────── */
.loginForm button.ui-state-default {
    background: #0070B9 !important;
    border-color: #0070B9 !important;
}

.loginForm button.ui-state-hover {
    background: #1A2D64 !important;
    border-color: #1A2D64 !important;
}

.loginForm button.ui-state-active {
    background: #00AEEF !important;
}

.loginForm .ui-inputfield.ui-state-focus,
.loginForm .ui-widget-content .ui-inputfield.ui-state-focus {
    outline: 2px solid #0070B9 !important;
}

/* ── Login footer / disclaimer ────────────────── */
.LoginPanelDisclaimer {
    background-color: #f0f4f8 !important;
    border-top: 1px solid #0070B9 !important;
}

/* ── Links ────────────────────────────────────── */
a { color: #0070B9 !important; }
a:hover { color: #00AEEF !important; }

.FooterDiv #footer a:hover,
.FooterDiv #footer a:active {
    color: #0070B9 !important;
}

/* ── Authenticated Portal - Sidebar ──────────── */
.Navigation,
.NavigationInner {
    background-color: #1A2D64 !important;
    background-image: none !important;
    border-top: none !important;
}

div.Navigation {
    width: 280px !important;
}

.ContentWrapper {
    width: calc(100% - 280px) !important;
    left: 280px !important;
}

/* Hide horizontal scrollbar in sidebar */
#navigation,
div.Navigation,
div.NavigationInner,
#accordionNav,
#accordionNav .ui-accordion-content {
    overflow-x: hidden !important;
}

div#navigation h1,
div#navigation h1 a,
div#navigation .brandImage {
    background-color: #1A2D64 !important;
    background-image: none !important;
    border-bottom: none !important;
}

div#navigation .brandImage {
    width: 150px !important;
    height: auto !important;
}

/* ── Accordion nav - Files/Mail headers ───────── */
.navMenu,
#accordionNav,
.ui-accordion-header.ui-state-default.navMenuTitle,
.ui-accordion-header.ui-state-active.navMenuTitle,
.navMenu .ui-accordion-header.ui-state-default,
.navMenu .ui-accordion-header.ui-state-active,
.navMenu .ui-accordion-header.ui-droppable,
.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-header.ui-state-default,
.ui-accordion .ui-accordion-header.ui-corner-all {
    background-color: #1A2D64 !important;
    background-image: none !important;
    border-color: #1A2D64 !important;
    color: #ffffff !important;
}

/* Fallback accordion hover (low specificity) */
.ui-accordion-header.navMenuTitle.ui-state-hover,
.navMenu .ui-accordion-header.ui-state-hover,
.ui-accordion .ui-accordion-header:hover {
    background-color: #0070B9 !important;
    background-image: none !important;
}

.navMenuTitle {
    color: #ffffff !important;
}

/* Fix accordion hover - high specificity via #navigation ID to beat inline style block */
#navigation .ui-accordion .ui-accordion-header:hover,
#navigation .ui-accordion-header.ui-state-hover,
#navigation .ui-accordion-header.navMenuTitle:hover,
#navigation .navMenu .ui-accordion-header:hover {
    background-color: #0070B9 !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* Fix active/open accordion header (e.g. Mail when expanded) */
.ui-accordion-header.ui-state-active,
.ui-accordion-header.ui-state-active.navMenuTitle,
.navMenu .ui-accordion-header.ui-state-active,
div.ui-accordion-header.ui-state-active {
    background-color: #1A2D64 !important;
    background-image: none !important;
    border-color: #0070B9 !important;
    color: #ffffff !important;
}

/* Fix the triangle icon color in accordion headers */
.ui-accordion-header .ui-icon {
    background-image: none !important;
    color: #ffffff !important;
}

/* ── Authenticated Portal - Header bar ───────── */
.HeaderOuter, .PageHeader {
    background-color: #0070B9 !important;
}

h2.PageTitle {
    color: #ffffff !important;
}

/* ── Menu items ───────────────────────────────── */
.menuItem.menuSelected,
.menuItem.menuSelected.ui-state-hover {
    background-color: #0070B9 !important;
    background-image: none !important;
    border-left: 3px solid #00AEEF !important;
}

.menuItem.ui-state-hover {
    background-color: #0070B9 !important;
    background-image: none !important;
}

/* ── Flyout / overlay menus ───────────────────── */
.ui-selectonemenu-panel,
.ui-menu-dynamic,
.ui-menu-overlay,
.ui-overlaypanel {
    background-color: #1A2D64 !important;
    background-image: none !important;
    border-color: #0070B9 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-item,
.ui-menu-dynamic .ui-menuitem,
.ui-menu-overlay .ui-menuitem {
    color: #ffffff !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-item:hover,
.ui-menu-dynamic .ui-menuitem:hover,
.ui-menu-overlay .ui-menuitem.ui-state-hover {
    background-color: #0070B9 !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* ── Account flyout menu ──────────────────────── */
#accountMenu.ui-menu-dynamic {
    min-width: 210px !important;
    padding: 0 !important;
    border: 1px solid #0070B9 !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
    overflow: hidden !important;
}

/* User info block */
#accountMenu #userInfo,
#accountMenu #userInfo.ui-menuitem {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-bottom: 1px solid rgba(0, 112, 185, 0.5) !important;
    padding: 10px 14px !important;
    cursor: default !important;
}

#accountMenu #userInfo .ui-menuitem-text,
#accountMenu #userInfo td,
#accountMenu #userInfo span {
    color: #c8d8ea !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1.6 !important;
}

/* Menu item links */
#accountMenu .ui-menuitem-link,
#accountMenu a.ui-menuitem-link,
#accountMenu a.ui-menuitem-link:link,
#accountMenu a.ui-menuitem-link:visited {
    color: #ffffff !important;
    font-weight: normal !important;
    padding: 8px 14px !important;
    display: block !important;
    background: transparent !important;
}

#accountMenu .ui-menuitem-link .ui-menuitem-text,
#accountMenu .ui-menuitem-text,
#accountMenu .ui-menuitem-link span,
#accountMenu .ui-menuitem.ui-state-active .ui-menuitem-link,
#accountMenu .ui-menuitem.ui-state-active .ui-menuitem-text,
#accountMenu .ui-menuitem.ui-state-active a,
#accountMenu a.ui-menuitem-link.ui-state-active,
#accountMenu a.ui-menuitem-link.ui-state-active span,
#accountMenu .ui-menuitem-link.ui-state-active,
#accountMenu .ui-menuitem-link.ui-state-active .ui-menuitem-text {
    color: #ffffff !important;
    font-weight: normal !important;
    background-color: transparent !important;
    background-image: none !important;
}

#accountMenu .ui-menuitem.ui-state-hover > .ui-menuitem-link,
#accountMenu .ui-menuitem-link:hover {
    background-color: #0070B9 !important;
    background-image: none !important;
    color: #ffffff !important;
}

#accountMenu .ui-menuitem.ui-state-hover .ui-menuitem-text {
    color: #ffffff !important;
}

/* Separators */
#accountMenu .ui-separator {
    border: none !important;
    border-top: 1px solid rgba(0, 112, 185, 0.4) !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* Logout / Help bottom bar */
#menuBarItem,
#menuBarItem.ui-menuitem {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-top: 1px solid rgba(0, 112, 185, 0.5) !important;
    padding: 0 !important;
    cursor: default !important;
}

#accountMenu #logoutLink,
#accountMenu #helpLink {
    color: #00AEEF !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-align: center !important;
    padding: 8px 14px !important;
    display: block !important;
}

#accountMenu #logoutLink:hover,
#accountMenu #helpLink:hover {
    color: #ffffff !important;
    background-color: #0070B9 !important;
    background-image: none !important;
}

/* Column divider between Logout and Help */
#accountMenu td.logoutMenuItem {
    border-right: 1px solid rgba(0, 112, 185, 0.4) !important;
}

/* ── Context menu (right-click) ───────────────── */
.ui-contextmenu {
    background-color: #1A2D64 !important;
    background-image: none !important;
    border-color: #0070B9 !important;
}

.ui-contextmenu .ui-menuitem-link:hover {
    background-color: #0070B9 !important;
    background-image: none !important;
}

/* ── Sidebar tree node text colour ───────────────── */
.FolderTree .ui-treenode-label,
#navigation .ui-treenode-label,
#navigation a,
#navigation a:link,
#navigation a:visited {
    color: #f1f1f1 !important;
}

/* ── Tree node hover ──────────────────────────── */
.ui-treenode-label.ui-state-hover,
.FolderTree .ui-treenode-label.ui-state-hover,
.ui-tree .ui-treenode-label.ui-state-hover,
span.ui-treenode-label.ui-state-hover {
    background: #0070B9 !important;
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* ── Tree node selected/highlighted ──────────── */
span.ui-treenode-label.ui-state-highlight,
.ui-treenode-label.ui-state-highlight,
.ui-tree .ui-treenode-label.ui-state-highlight,
.ui-treenode-content.ui-state-highlight,
.ui-tree .ui-treenode-content.ui-state-highlight,
.FolderTree .ui-treenode-content.ui-state-highlight {
    background-color: #0070B9 !important;
    background-image: none !important;
    color: #ffffff !important;
}

.ui-treenode-content.ui-state-highlight .ui-treenode-label,
.FolderTree .ui-treenode-content.ui-state-highlight .ui-treenode-label {
    color: #ffffff !important;
}

/* ── Section headers (g:fieldSet → lsFieldSet*) ── */
.lsFieldSetText {
    color: #0070B9 !important;
}

.lsFieldSetDiv {
    border-bottom-color: #0070B9 !important;
}

.lsFieldSetSubtitle {
    color: #0070B9 !important;
}

/* ── Portal action buttons ────────────────────── */
.ContentWrapper .ui-button.ui-state-default:not(.ui-spinner-button):not(.gfaces-light-button) {
    background-color: #0070B9 !important;
    background-image: none !important;
    border-color: #005a96 !important;
    color: #ffffff !important;
}

.ContentWrapper .ui-button.ui-state-default:not(.ui-spinner-button):not(.gfaces-light-button) .ui-button-text,
.ContentWrapper .ui-button.ui-state-default:not(.ui-spinner-button):not(.gfaces-light-button) .ui-button-icon-left,
.ContentWrapper .ui-button.ui-state-default:not(.ui-spinner-button):not(.gfaces-light-button) .ui-icon {
    color: #ffffff !important;
}

.ContentWrapper .ui-button.ui-state-hover:not(.ui-spinner-button):not(.gfaces-light-button),
.ContentWrapper .ui-button.ui-state-focus:not(.ui-spinner-button):not(.gfaces-light-button) {
    background-color: #1A2D64 !important;
    background-image: none !important;
    border-color: #1A2D64 !important;
    color: #ffffff !important;
}

.ContentWrapper .ui-button.ui-state-active:not(.ui-spinner-button):not(.gfaces-light-button) {
    background-color: #00AEEF !important;
    background-image: none !important;
    border-color: #0096cc !important;
    color: #ffffff !important;
}

/* ── Toolbar strip ────────────────────────────── */
.ContentWrapper .ui-toolbar.ui-widget-header {
    background: #f0f4f8 !important;
    background-image: none !important;
    border-color: #d0dae8 !important;
    border-bottom: 1px solid #d0dae8 !important;
}

/* ── Tab panel ────────────────────────────────── */
.ui-tabs li.ui-state-default {
    background: #d4e4f0 !important;
    border-color: #b0c8dc !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-selected {
    background-color: #ffffff !important;
    border-color: #0070B9 !important;
    border-bottom-color: #ffffff !important;
}

.ui-tabs .ui-tabs-nav li a {
    color: #1A2D64 !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-selected a {
    color: #0070B9 !important;
    font-weight: 600 !important;
}

/* ── Override GoAnywhere hardcoded green icon classes ── */
.greenIcon,
.successIcon,
.ui-state-hover .successIcon,
.ui-state-hover .gfaces-icon,
.ui-state-highlight .gfaces-icon,
.gfaces-icon:hover,
.gfaces-action-list-link:focus .gfaces-icon {
    color: #0070B9 !important;
}