html.dark-mode body:not(.task-login),
html.dark-mode body:not(.task-login) * {
    scrollbar-color: rgba(224, 82, 88, 0.55) transparent;
}

html.dark-mode body:not(.task-login)::-webkit-scrollbar,
html.dark-mode body:not(.task-login) *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

html.dark-mode body:not(.task-login)::-webkit-scrollbar-track,
html.dark-mode body:not(.task-login) *::-webkit-scrollbar-track {
    background: transparent;
}

html.dark-mode body:not(.task-login)::-webkit-scrollbar-thumb,
html.dark-mode body:not(.task-login) *::-webkit-scrollbar-thumb {
    background: rgba(224, 82, 88, 0.55);
    border-radius: 999px;
}

html.dark-mode body:not(.task-login)::-webkit-scrollbar-thumb:hover,
html.dark-mode body:not(.task-login) *::-webkit-scrollbar-thumb:hover {
    background: rgba(224, 82, 88, 0.78);
}

body:not(.task-login) .btn-primary,
body:not(.task-login) .button.mainaction,
body:not(.task-login) .floating-action-buttons a.button,
body:not(.task-login) .rcmail-inline-message button,
body:not(.task-login) .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary) {
    background: var(--px-theme-primary) !important;
    border-color: var(--px-theme-primary) !important;
    color: #fff !important;
}

/* Task-menu compose action */
body:not(.task-login) #taskmenu > .action-buttons > a.compose,
body:not(.task-login) #taskmenu > .action-buttons > a.compose:link,
body:not(.task-login) #taskmenu > .action-buttons > a.compose:visited,
body:not(.task-login) #taskmenu > .action-buttons > a.compose.selected,
body:not(.task-login) #taskmenu > .action-buttons > a.compose .inner,
body:not(.task-login) #taskmenu > .action-buttons > a.compose:before {
    color: #e05258 !important;
}

body:not(.task-login) #taskmenu > .action-buttons > a.compose:hover,
body:not(.task-login) #taskmenu > .action-buttons > a.compose:focus,
body:not(.task-login) #taskmenu > .action-buttons > a.compose:focus-visible,
body:not(.task-login) #taskmenu > .action-buttons > a.compose.selected:hover {
    color: #e05258 !important;
    background: #45555c !important;
    background-color: #45555c !important;
}

body:not(.task-login) #taskmenu > .action-buttons > a.compose.selected,
body:not(.task-login) #taskmenu > .action-buttons > a.compose.selected:focus,
body:not(.task-login) #taskmenu > .action-buttons > a.compose.selected:focus-visible {
    color: #e05258 !important;
    background: #45555c !important;
    background-color: #45555c !important;
}

body:not(.task-login) #taskmenu > .action-buttons > a.compose:hover .inner,
body:not(.task-login) #taskmenu > .action-buttons > a.compose:focus .inner,
body:not(.task-login) #taskmenu > .action-buttons > a.compose:focus-visible .inner,
body:not(.task-login) #taskmenu > .action-buttons > a.compose.selected .inner,
body:not(.task-login) #taskmenu > .action-buttons > a.compose:hover:before,
body:not(.task-login) #taskmenu > .action-buttons > a.compose:focus:before,
body:not(.task-login) #taskmenu > .action-buttons > a.compose:focus-visible:before,
body:not(.task-login) #taskmenu > .action-buttons > a.compose.selected:before {
    color: #e05258 !important;
}

/* Theme cycle icon in left task menu (above logout) */
body:not(.task-login) #taskmenu a.px-theme-menu-cycle:before {
    content: none !important;
    display: none !important;
}

body:not(.task-login) #taskmenu a.px-theme-menu-cycle,
body:not(.task-login) #taskmenu a.px-theme-menu-cycle:hover,
body:not(.task-login) #taskmenu a.px-theme-menu-cycle:focus,
body:not(.task-login) #taskmenu a.px-theme-menu-cycle.selected,
html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle,
html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle:hover,
html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle:focus,
html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle.selected {
    background: transparent !important;
}

body:not(.task-login) #taskmenu a.px-theme-menu-cycle {
    height: 46px !important;
    line-height: 46px !important;
    margin-top: 6px !important;
}

body:not(.task-login) #taskmenu a.px-theme-menu-cycle .inner {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: var(--px-radius-sm);
    background: transparent;
    color: #ffffff;
    font-size: 0 !important;
    line-height: 0 !important;
    transition: background-color var(--px-duration-fast) var(--px-ease-out),
                border-color var(--px-duration-fast) var(--px-ease-out),
                color var(--px-duration-fast) var(--px-ease-out);
}

body:not(.task-login) #taskmenu a.px-theme-menu-cycle:hover .inner {
    background: #45555c;
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

body:not(.task-login) #taskmenu a.px-theme-menu-cycle:focus:not(:hover) .inner,
body:not(.task-login) #taskmenu a.px-theme-menu-cycle:focus-visible:not(:hover) .inner {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

body:not(.task-login) #taskmenu a.px-theme-menu-cycle:active .inner {
    background: #50636b;
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle .inner {
    border-color: #4d6066;
    color: #ffffff;
}

html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle:hover .inner {
    background: #374549;
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle:focus:not(:hover) .inner,
html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle:focus-visible:not(:hover) .inner {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle:active .inner {
    background: #425358;
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

body:not(.task-login) #taskmenu a.px-theme-menu-cycle .px-theme-icon {
    display: none;
    width: 22px;
    height: 22px;
}

body:not(.task-login) #taskmenu a.px-theme-menu-cycle .px-theme-label {
    display: none;
}

body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="auto"] .px-theme-icon--auto {
    display: block;
    color: #ffffff;
}

body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="light"] .px-theme-icon--light {
    display: block;
    color: #ffffff;
}

body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="dark"] .px-theme-icon--dark {
    display: block;
    color: #ffffff;
}

body:not(.task-login) #taskmenu a.px-theme-menu-cycle:not([data-theme-mode]) .px-theme-icon--auto {
    display: block;
    color: #ffffff;
}

@media screen and (max-width: 480px) {
    body:not(.task-login) #taskmenu a.px-theme-menu-cycle,
    body:not(.task-login) #taskmenu a.px-theme-menu-cycle:hover,
    body:not(.task-login) #taskmenu a.px-theme-menu-cycle:focus,
    body:not(.task-login) #taskmenu a.px-theme-menu-cycle.selected {
        display: block !important;
        position: fixed;
        left: .5rem;
        bottom: .5rem;
        width: auto;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-align: left;
        line-height: 1 !important;
        z-index: 30050;
        overflow: visible !important;
    }

    body:not(.task-login) #taskmenu a.px-theme-menu-cycle .inner {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 0;
        width: 40px;
        min-width: 40px;
        height: 40px;
        margin: 0;
        padding: 0;
        border: 1px solid #2c363a;
        border-radius: var(--px-radius-sm);
        background: transparent;
        color: #2c363a;
        overflow: visible !important;
    }

    body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="auto"] .inner,
    body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="light"] .inner,
    body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="dark"] .inner,
    body:not(.task-login) #taskmenu a.px-theme-menu-cycle:not([data-theme-mode]) .inner {
        border-color: #2c363a !important;
        background: transparent !important;
    }

    body:not(.task-login) #taskmenu a.px-theme-menu-cycle .px-theme-icon {
        display: none;
        flex: 0 0 auto;
    }

    body:not(.task-login) #taskmenu a.px-theme-menu-cycle .px-theme-label {
        display: none !important;
    }

    body:not(.task-login) #taskmenu a.px-theme-menu-cycle:hover .inner,
    body:not(.task-login) #taskmenu a.px-theme-menu-cycle:focus .inner,
    body:not(.task-login) #taskmenu a.px-theme-menu-cycle:focus-visible .inner {
        background: rgba(44, 54, 58, 0.06);
        border-color: #2c363a;
        color: #2c363a;
    }

    body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="auto"] .px-theme-icon--auto,
    body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="light"] .px-theme-icon--light,
    body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="dark"] .px-theme-icon--dark,
    body:not(.task-login) #taskmenu a.px-theme-menu-cycle:not([data-theme-mode]) .px-theme-icon--auto {
        color: #2c363a !important;
    }

    html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle .inner {
        border-color: rgba(255, 255, 255, 0.35);
        background: transparent;
        color: #ffffff;
    }

    html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="auto"] .inner,
    html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="light"] .inner,
    html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="dark"] .inner,
    html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle:not([data-theme-mode]) .inner {
        border-color: rgba(255, 255, 255, 0.35) !important;
        background: transparent !important;
    }

    html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="auto"] .px-theme-icon--auto,
    html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="light"] .px-theme-icon--light,
    html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle[data-theme-mode="dark"] .px-theme-icon--dark,
    html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle:not([data-theme-mode]) .px-theme-icon--auto {
        color: #ffffff !important;
    }

    html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle:hover .inner,
    html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle:focus .inner,
    html.dark-mode body:not(.task-login) #taskmenu a.px-theme-menu-cycle:focus-visible .inner {
        background: #374549;
        border-color: rgba(255, 255, 255, 0.35);
        color: #ffffff;
    }
}

/* Menu logo in app left menu header (non-login only) */
body:not(.task-login) #layout-menu .popover-header {
    background-color: #2f3a3f !important;
    height: 78px;
    line-height: 78px;
}

html.dark-mode body:not(.task-login) #layout-menu .popover-header {
    background-color: #21292c !important;
}

html.dark-mode body:not(.task-login) #layout-menu {
    background-color: #21292c !important;
}

html.layout-phone body:not(.task-login) #layout-menu .popover-header {
    padding: 4px;
}

@media screen and (min-width: 481px) {
    body:not(.task-login) #layout-menu .popover-header {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

html.layout-phone body:not(.task-login) #layout-menu .popover-header a:before {
    height: 100%;
}

body:not(.task-login) #layout-menu .popover-header #logo,
body:not(.task-login) #layout-menu .popover-header .menu-logo {
    filter: brightness(0) invert(1);
    width: clamp(20px, calc(100% - 18px), 50px) !important;
    height: auto;
    max-width: clamp(20px, calc(100% - 18px), 50px) !important;
    max-height: calc(100% - 10px) !important;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    display: block;
}

html.layout-phone body:not(.task-login) #layout-menu .popover-header #logo,
html.layout-phone body:not(.task-login) #layout-menu .popover-header .menu-logo {
    width: min(222px, calc(100% - 16px));
    max-width: 222px !important;
    max-height: calc(100% - 6px) !important;
    padding: 3px !important;
    margin: 0 !important;
}

body:not(.task-login) .btn-primary:hover:not(:disabled),
body:not(.task-login) .button.mainaction:hover:not(:disabled),
body:not(.task-login) .floating-action-buttons a.button:hover,
body:not(.task-login) .rcmail-inline-message button:hover,
body:not(.task-login) .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):hover:not(:disabled) {
    background: var(--px-theme-primary-hover) !important;
    border-color: var(--px-theme-primary-hover) !important;
}

body:not(.task-login) .btn-primary:not(:disabled):not(.disabled):active,
body:not(.task-login) .btn-primary:not(:disabled):not(.disabled).active,
body:not(.task-login) .button.mainaction:not(:disabled):active,
body:not(.task-login) .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):active:not(:disabled) {
    background: var(--px-theme-primary-active) !important;
    border-color: var(--px-theme-primary-active) !important;
}

body:not(.task-login) .btn-primary:focus,
body:not(.task-login) .button.mainaction:focus,
body:not(.task-login) .floating-action-buttons a.button:focus,
body:not(.task-login) .rcmail-inline-message button:focus,
body:not(.task-login) .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):focus:not(:disabled) {
    box-shadow: none !important;
}

/* System dialogs: remove focus ring on cancel/secondary buttons */
body:not(.task-login) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary:focus,
body:not(.task-login) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary:focus-visible,
body:not(.task-login) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-secondary:focus,
body:not(.task-login) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-secondary:focus-visible,
body:not(.task-login) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel:focus,
body:not(.task-login) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel:focus-visible,
body:not(.task-login) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.cancel:focus,
body:not(.task-login) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.cancel:focus-visible {
    box-shadow: none !important;
    outline: 0 !important;
}

/* Settings (dark mode): dialogs - remove outlines/rings and neutralize cancel/secondary border */
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a:focus,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus-visible,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a:focus-visible,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:active,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a:active,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.cancel,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-secondary,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel:hover,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.cancel:hover,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary:hover,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-secondary:hover,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel:focus,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.cancel:focus,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary:focus,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-secondary:focus,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel:focus-visible,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.cancel:focus-visible,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary:focus-visible,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-secondary:focus-visible,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel:active,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.cancel:active,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary:active,
html.dark-mode body.task-settings .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-secondary:active {
    border-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body:not(.task-login) .form-control:focus,
body:not(.task-login) .custom-file-input:focus ~ .custom-file-label,
body:not(.task-login) .recipient-input.focus,
body:not(.task-login) .multi-input:not(.is-invalid) > .content.focused,
body:not(.task-login) .formcontent.raweditor .CodeMirror-focused {
    border-color: var(--px-theme-primary) !important;
    box-shadow: none !important;
}

body:not(.task-login) .input-group a:focus {
    border-color: var(--px-theme-primary) !important;
    box-shadow: none !important;
    z-index: 1;
}

body:not(.task-login) .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--px-theme-primary) !important;
    background-color: var(--px-theme-primary) !important;
}

body:not(.task-login) .custom-switch .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
}

body:not(.task-login) .custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: var(--px-theme-primary) !important;
}

body:not(.task-login) .custom-switch .custom-control-input:active ~ .custom-control-label::before {
    background-color: var(--px-theme-primary-soft) !important;
    border-color: var(--px-theme-primary) !important;
}

body:not(.task-login) .custom-switch .custom-control-input:checked:active ~ .custom-control-label::before {
    background-color: var(--px-theme-primary-soft-strong) !important;
    border-color: var(--px-theme-primary) !important;
}

/* Let Nova keep the native folder/message row highlight styles in Mail. */
body:not(.task-login):not(.task-mail) ul.treelist li.selected {
    background-color: transparent !important;
}

body:not(.task-login):not(.task-mail) .listing li.selected,
body:not(.task-login):not(.task-mail) .listing li.selected > a,
body:not(.task-login):not(.task-mail) .listing li.selected > div > a,
body:not(.task-login):not(.task-mail) .listing li > a.selected,
body:not(.task-login):not(.task-mail) .listing li > div > a.selected,
body:not(.task-login):not(.task-mail) .listing tr.selected td,
body:not(.task-login):not(.task-mail) .listing.focus tbody tr.focused > td,
body:not(.task-login):not(.task-mail) .table-widget table.options-table tr.selected td,
body:not(.task-login):not(.task-mail) ul.treelist li.selected > a,
body:not(.task-login):not(.task-mail) ul.treelist li.selected > div > a,
body:not(.task-login):not(.task-mail) ul.treelist li > a.selected,
body:not(.task-login):not(.task-mail) ul.treelist li > div > a.selected,
body:not(.task-login):not(.task-mail) .popupmenu .listing li.selected {
    background-color: var(--px-theme-primary-soft) !important;
}

body:not(.task-login):not(.task-mail) .messagelist tr.selected td.subject a,
body:not(.task-login):not(.task-mail) .contactlist tr.selected td a,
body:not(.task-login):not(.task-mail) .listing li.selected,
body:not(.task-login):not(.task-mail) .listing tr.selected td,
body:not(.task-login):not(.task-mail) ul.treelist li.selected > a,
body:not(.task-login):not(.task-mail) ul.treelist li.selected > div > a {
    color: inherit !important;
}

html:not(.touch) body:not(.task-login):not(.task-mail) .listing li > a:focus,
html:not(.touch) body:not(.task-login):not(.task-mail) .listing.focus tbody tr.focused > td:first-child,
html:not(.touch) body:not(.task-login):not(.task-mail) .listing.focus:not(.withselection) tbody tr.focused > td.selection + td {
    border-left-color: var(--px-theme-primary) !important;
}

body:not(.task-login) .folderlist li.mailbox .unreadcount,
body:not(.task-login) .folderlist li.mailbox.recent > a > .unreadcount {
    background: var(--px-theme-primary) !important;
    color: #fff !important;
}

body:not(.task-login) .quota-widget .value:not(.warning) {
    background-color: var(--px-theme-primary) !important;
}

body:not(.task-login) .ui-datepicker .ui-state-highlight,
body:not(.task-login) .ui-datepicker.ui-widget-content .ui-state-highlight {
    color: var(--px-theme-primary) !important;
    background-color: var(--px-theme-primary-soft-strong) !important;
}

body:not(.task-login) .ui-datepicker .ui-state-active,
body:not(.task-login) .ui-datepicker.ui-widget-content .ui-state-active {
    background-color: var(--px-theme-primary) !important;
    border-color: var(--px-theme-primary) !important;
}

/* Global topbar popups/dropdowns: remove blue highlight across modules */
body:not(.task-login) .popupmenu .listing li > a:not(.disabled):hover,
body:not(.task-login) .popupmenu .listing li > a:not(.disabled):focus,
body:not(.task-login) .popupmenu .menu li > a:not(.disabled):hover,
body:not(.task-login) .popupmenu .menu li > a:not(.disabled):focus,
body:not(.task-login) .popupmenu ul.toolbarmenu li > a:not(.disabled):hover,
body:not(.task-login) .popupmenu ul.toolbarmenu li > a:not(.disabled):focus,
body:not(.task-login) .popupmenu .listing li.selected,
body:not(.task-login) .popupmenu .listing li.selected > a,
body:not(.task-login) .popupmenu .menu li.selected,
body:not(.task-login) .popupmenu .menu li.selected > a,
body:not(.task-login) .popupmenu ul.toolbarmenu li.selected,
body:not(.task-login) .popupmenu ul.toolbarmenu li.selected > a,
body:not(.task-login) .popover .menu .dropbutton a.dropdown:hover,
body:not(.task-login) .popover .menu .dropbutton a.dropdown:focus {
    background-color: var(--px-theme-primary) !important;
    color: #fff !important;
}

body:not(.task-login) .popupmenu .listing li > a[aria-haspopup]:not(.disabled):hover:after,
body:not(.task-login) .popupmenu .listing li > a[aria-haspopup]:not(.disabled):focus:after,
body:not(.task-login) .popupmenu .menu li > a[aria-haspopup]:not(.disabled):hover:after,
body:not(.task-login) .popupmenu .menu li > a[aria-haspopup]:not(.disabled):focus:after,
body:not(.task-login) .popupmenu .listing li.selected > a[aria-haspopup]:after,
body:not(.task-login) .popupmenu .menu li.selected > a[aria-haspopup]:after {
    color: #fff !important;
}

body:not(.task-login) .ui-menu .ui-state-active,
body:not(.task-login) .ui-menu .ui-state-focus,
body:not(.task-login) .ui-menu .ui-menu-item-wrapper.ui-state-active,
body:not(.task-login) .ui-menu .ui-menu-item-wrapper.ui-state-focus {
    background-color: var(--px-theme-primary) !important;
    color: #fff !important;
    border: 0 !important;
}

body:not(.task-login) .ui-dialog .nav-tabs .nav-link:not(.active),
body:not(.task-login) .popupmenu .nav-tabs .nav-link:not(.active),
body:not(.task-login) .selection-dialog .nav-tabs .nav-link:not(.active) {
    color: var(--px-theme-primary) !important;
}

body:not(.task-login) .ui-dialog .nav-tabs .nav-link:not(.active):hover,
body:not(.task-login) .ui-dialog .nav-tabs .nav-link:not(.active):focus,
body:not(.task-login) .popupmenu .nav-tabs .nav-link:not(.active):hover,
body:not(.task-login) .popupmenu .nav-tabs .nav-link:not(.active):focus,
body:not(.task-login) .selection-dialog .nav-tabs .nav-link:not(.active):hover,
body:not(.task-login) .selection-dialog .nav-tabs .nav-link:not(.active):focus {
    color: var(--px-theme-primary-hover) !important;
}

/* jQuery UI tabs in popups/dialogs: recolor text only */
body:not(.task-login) .ui-dialog .ui-tabs .ui-tabs-nav li.ui-state-hover .ui-tabs-anchor,
body:not(.task-login) .ui-dialog .ui-tabs .ui-tabs-nav li:not(.ui-state-disabled):hover .ui-tabs-anchor,
body:not(.task-login) .popupmenu .ui-tabs .ui-tabs-nav li.ui-state-hover .ui-tabs-anchor,
body:not(.task-login) .popupmenu .ui-tabs .ui-tabs-nav li:not(.ui-state-disabled):hover .ui-tabs-anchor,
body:not(.task-login) .selection-dialog .ui-tabs .ui-tabs-nav li.ui-state-hover .ui-tabs-anchor,
body:not(.task-login) .selection-dialog .ui-tabs .ui-tabs-nav li:not(.ui-state-disabled):hover .ui-tabs-anchor {
    color: var(--px-theme-primary-hover) !important;
}