/* RMH Learning Hub dark mode override (AAA-first + RMH palette). */ @media (prefers-color-scheme: dark) { html:not(:has(head > script#__ENTRY__)) { /* RMH brand colors from style guide */ --rmh-navy: #0a215c; --rmh-mid-blue: #0f54fa; --rmh-bright-blue: #0096ff; --rmh-teal: #66bfff; --rmh-block-header-blue: #0a215c; --rmh-block-header-border: #2f4f92; --rmh-red: #e90528; --rmh-gold: #ffbf12; /* Shared success fill: reuse for alerts and success progress bars. */ --rmh-success-green: #0a6b55; --rmh-white: #f3f7ff; --rmh-black: #000000; --rmh-text-body: #e4ecff; --rmh-text-heading: var(--rmh-white); /* AAA dark neutrals */ --color-neutral-1: #0f1b3d; --color-neutral-2: #0a1533; --color-neutral-3: #0f1b3d; --color-neutral-4: #1a2a56; --color-neutral-5: #4b5f8f; --color-neutral-6: #b5c2df; --color-neutral-7: #f2f6ff; --surface-base: #0a1533; --surface-raised: #0f1b3d; --surface-elevated: #12224a; --color-background: var(--color-neutral-1); --color-border: var(--color-neutral-5); --color-text: var(--color-neutral-7); --color-text-hint: #d7e0f5; /* Keep default links neutral; use a softer blue accent for interactive states */ --link-color: #dce8ff; --link-color-hover: var(--rmh-teal); --nav-bg-color: var(--rmh-navy); --nav-top-bg-color: #07163e; --nav-header-bg-color: var(--rmh-navy); --nav-text-color: var(--rmh-white); --footer-bg-color: var(--rmh-navy); --footer-text-color: #e9efff; --footer-text-color-hover: var(--rmh-white); /* Unified button treatment for dark mode (no visible border). */ --btn-bg-color: #1347a0; --btn-bg-color-focus: #1a5ecf; --btn-border-color: var(--rmh-bright-blue); --btn-border-color-focus: var(--rmh-bright-blue); --btn-text-color: #ffffff; --btn-text-color-focus: #ffffff; /* Shared gradient treatment for bright inline blue callouts. */ --rmh-dawn-panel-bg: linear-gradient(165deg, #07163e 0%, #0b214f 54%, #3f365f 78%, #6a453f 100%); --rmh-dawn-panel-border: #4f76bc; --rmh-dawn-panel-shadow: 0 10px 20px rgba(0, 0, 0, 0.28); /* Shared tab system tokens: keep the current RMH dark-mode tab palette. */ --rmh-tab-fill: rgba(19, 71, 160, 0.28); --rmh-tab-fill-hover: rgba(26, 94, 207, 0.45); --rmh-tab-baseline: var(--rmh-dawn-panel-border); --rmh-tab-text: #d8e6ff; --rmh-tab-active-fill: var(--rmh-success-green); --rmh-tab-active-strip: #06143a; --rmh-tab-active-underline: #bdeedd; } html:not(:has(head > script#__ENTRY__)), html:not(:has(head > script#__ENTRY__)) body { background: var(--color-neutral-1) !important; color: var(--color-text); } html:not(:has(head > script#__ENTRY__)) :is(body, p, li, dt, dd, label, legend, small, td, th) { color: var(--rmh-text-body); } html:not(:has(head > script#__ENTRY__)) :is(h1, h2, h3, h4, h5, h6) { color: var(--rmh-text-heading); } html:not(:has(head > script#__ENTRY__)) a { color: var(--link-color); text-decoration: underline; } html:not(:has(head > script#__ENTRY__)) :is(a:hover, a:focus) { color: var(--link-color-hover); } html:not(:has(head > script#__ENTRY__)) hr { border-color: #324a83; } html:not(:has(head > script#__ENTRY__)) :is(a:focus, button:focus, .btn:focus, input:focus, select:focus, textarea:focus, [role="button"]:focus) { outline: 3px solid var(--rmh-gold) !important; outline-offset: 2px; box-shadow: none !important; } /* Top navigation + breadcrumb */ .totaraNav, .totaraNav_top, .totaraNav_prim, .totaraNav_prim--container, .totaraNav_prim--side, .totaraNav_prim--list, .totaraNav .navExpand--list, .totaraBreadcrumb, .totaraBreadcrumb .totaraBreadcrumb--container { background: var(--nav-bg-color) !important; color: var(--rmh-white); } /* Keep top menu strip slightly darker than the brand header band */ .totaraNav_top, .totaraNav_top .totaraNav_top--container, .totaraNav_prim--list, .totaraNav_prim--side { background: var(--nav-top-bg-color) !important; } .totaraNav_prim, .totaraNav_prim .totaraNav_prim--container { background: var(--nav-header-bg-color) !important; } .totaraNav_top { border-bottom: none !important; } .totaraNav_top .totaraNav_top--container, .totaraNav .totaraNav_prim--container { border-bottom: none !important; } .totaraNav a, .totaraBreadcrumb a { color: var(--rmh-white) !important; } .totaraBreadcrumb a, .totaraBreadcrumb a:hover, .totaraBreadcrumb a:focus { text-decoration: none !important; } /* Top nav menu readability (main items + dropdown lists) */ .totaraNav .totaraNav_prim--list_item_link, .totaraNav .totaraNav_prim--list_item_label { color: #f3f7ff !important; } /* Top strip links should never inherit global underline treatments. */ .totaraNav .totaraNav_prim--list_item_link, .totaraNav .totaraNav_prim--list_item_link:link, .totaraNav .totaraNav_prim--list_item_link:visited, .totaraNav .totaraNav_prim--list_item_link:hover, .totaraNav .totaraNav_prim--list_item_link:focus, .totaraNav .totaraNav_prim--list_item_link:active, .totaraNav .totaraNav_prim--list_item_label, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu:link, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu:visited, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu:hover, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu:focus, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu:active, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu .userbutton, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu .usertext { text-decoration: none !important; } .totaraNav .totaraNav_prim--list_item, .totaraNav .totaraNav_prim--list_item_link { border-left-color: transparent !important; border-right-color: transparent !important; } .totaraNav_prim--side__separator { display: none !important; } .totaraNav .totaraNav_prim--list_item_link:hover, .totaraNav .totaraNav_prim--list_item_link:focus, .totaraNav .totaraNav_prim--list_item_link[aria-expanded="true"] { background: #102a6b !important; color: #ffffff !important; text-decoration: none !important; } .totaraNav .totaraNav_prim--list_item_selected > .totaraNav_prim--list_item_link, .totaraNav .totaraNav_prim--list_item_hasChildren > .totaraNav_prim--list_item_link[aria-expanded="true"] { background: #102a6b !important; color: #ffffff !important; border-left-color: transparent !important; border-right-color: transparent !important; box-shadow: inset 0 -2px 0 var(--rmh-bright-blue); } .totaraNav .navExpand--list { background: #07163e !important; border: 1px solid #2f4f92 !important; } .totaraNav .navExpand--list_item { background: transparent !important; } .totaraNav .navExpand--list_item_link, .totaraNav .navExpand--list_item_label { color: #eaf0ff !important; background: transparent !important; text-decoration: none !important; } .totaraNav .navExpand--list_item_link:hover, .totaraNav .navExpand--list_item_link:focus, .totaraNav .navExpand--list_item_link[aria-expanded="true"] { background: #102a6b !important; color: #ffffff !important; text-decoration: none !important; } .totaraNav .totaraNav_prim--list_item_selected > .totaraNav_prim--list_item_link, .totaraNav .navExpand--list_item_selected > .navExpand--list_item_link { background: #102a6b !important; color: #ffffff !important; } /* Override any default light selected row inside dropdowns */ .totaraNav .navExpand--listSecond .navExpand--list_item_selected > .navExpand--list_item_link, .totaraNav .navExpand--listThird .navExpand--list_item_selected > .navExpand--list_item_link, .totaraNav .navExpand--list_item_link.active, .totaraNav .navExpand--list_item_link[aria-current="true"] { background: #102a6b !important; color: #ffffff !important; } /* Force submenu container hover/selected states to stay dark */ .totaraNav .navExpand--list_item:hover, .totaraNav .navExpand--list_item:focus-within, .totaraNav .navExpand--list_item_selected, .totaraNav .navExpand--list_item[class*="selected"], .totaraNav .navExpand--list_item[class*="active"], .totaraNav .navExpand--list_item[class*="expanded"] { background: #102a6b !important; color: #ffffff !important; } .totaraNav .navExpand--list_item:hover > .navExpand--list_item_link, .totaraNav .navExpand--list_item:focus-within > .navExpand--list_item_link, .totaraNav .navExpand--list_item_selected > .navExpand--list_item_link, .totaraNav .navExpand--list_item[class*="selected"] > .navExpand--list_item_link, .totaraNav .navExpand--list_item[class*="active"] > .navExpand--list_item_link, .totaraNav .navExpand--list_item[class*="expanded"] > .navExpand--list_item_link { background: transparent !important; color: #ffffff !important; } /* User profile dropdown (top-right) should match dark navy admin menu */ .totaraNav .usermenu .moodle-actionmenu .menu, .totaraNav .usermenu .moodle-actionmenu .menu.align-tr-br, .totaraNav .usermenu .moodle-actionmenu .menu[data-rel="menu-content"], .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu { background: #07163e !important; border: 1px solid #2f4f92 !important; box-shadow: none !important; opacity: 1 !important; } .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu { color: #f3f7ff !important; } /* Keep top-right user trigger on same strip color as the rest of top nav */ .totaraNav .usermenu, .totaraNav .usermenu .moodle-actionmenu, .totaraNav .usermenu .moodle-actionmenu .menubar, .totaraNav .usermenu .moodle-actionmenu .menubar > li, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu .userbutton, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu .usertext, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu .avatars { background: var(--nav-top-bg-color) !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu:hover, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu:focus, .totaraNav .usermenu .moodle-actionmenu .toggle-display.textmenu[aria-expanded="true"] { background: var(--nav-top-bg-color) !important; background-image: none !important; } .totaraNav .usermenu .moodle-actionmenu .menu li, .totaraNav .usermenu .moodle-actionmenu .menu li[role="presentation"] { background: transparent !important; } .totaraNav .usermenu .moodle-actionmenu .menu a.menu-action, .totaraNav .usermenu .moodle-actionmenu .menu .menu-action-text, .totaraNav .usermenu .moodle-actionmenu .menu .icon, .totaraNav .usermenu .moodle-actionmenu .menu .flex-icon { color: #eaf0ff !important; background: transparent !important; } .totaraNav .usermenu .moodle-actionmenu .menu a.menu-action, .totaraNav .usermenu .moodle-actionmenu .menu a.menu-action:link, .totaraNav .usermenu .moodle-actionmenu .menu a.menu-action:visited, .totaraNav .usermenu .moodle-actionmenu .menu a.menu-action:active, .totaraNav .usermenu .moodle-actionmenu .menu a.menu-action .menu-action-text, .totaraNav .usermenu .moodle-actionmenu .menu .menu-action-text { text-decoration: none !important; } .totaraNav .usermenu .moodle-actionmenu .menu a.menu-action:hover, .totaraNav .usermenu .moodle-actionmenu .menu a.menu-action:focus { background: #102a6b !important; color: #ffffff !important; text-decoration: none !important; } /* Admin cogwheel quick-access menu: remove inherited underlines in all states. */ .totaraNav .totara_core__QuickAccess_menu a, .totaraNav .totara_core__QuickAccess_menu a:link, .totaraNav .totara_core__QuickAccess_menu a:visited, .totaraNav .totara_core__QuickAccess_menu a:hover, .totaraNav .totara_core__QuickAccess_menu a:focus, .totaraNav .totara_core__QuickAccess_menu a:active, #quickaccess-popover-content a, #quickaccess-popover-content a:link, #quickaccess-popover-content a:visited, #quickaccess-popover-content a:hover, #quickaccess-popover-content a:focus, #quickaccess-popover-content a:active { text-decoration: none !important; } /* Force all hover/selected/active states in user menu to dark navy */ .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li:hover, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li:focus-within, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li.selected, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li.active, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li[aria-selected="true"] { background: #102a6b !important; } .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li:hover > a.menu-action, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li:focus-within > a.menu-action, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li.selected > a.menu-action, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li.active > a.menu-action, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li > a.menu-action:active { background: #102a6b !important; background-image: none !important; color: #ffffff !important; } .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li:hover > a.menu-action .menu-action-text, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li:focus-within > a.menu-action .menu-action-text, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li.selected > a.menu-action .menu-action-text, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li.active > a.menu-action .menu-action-text, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li:hover > a.menu-action .flex-icon, .totaraNav .usermenu .moodle-actionmenu[data-enhanced].show .menu > li:focus-within > a.menu-action .flex-icon { color: #ffffff !important; } /* Prevent inherited dimming styles from washing out menu rows */ .totaraNav .usermenu .moodle-actionmenu .menu .dimmed, .totaraNav .usermenu .moodle-actionmenu .menu .dimmed_text, .totaraNav .usermenu .moodle-actionmenu .menu a.dimmed, .totaraNav .usermenu .moodle-actionmenu .menu a.dimmed_text { opacity: 1 !important; } .totaraNav .usermenu .moodle-actionmenu .menu .filler { display: block; height: 1px; margin: 6px 0; background: #2f4f92 !important; color: transparent !important; } /* Replace gold focus outline in top nav with subtle blue active ring */ .totaraNav a:focus, .totaraNav [role="button"]:focus { outline: none !important; box-shadow: inset 0 -2px 0 var(--rmh-bright-blue) !important; } .totaraNav a:hover, .totaraNav a:focus { color: #9edbff !important; text-decoration: underline; } .totaraBreadcrumb a:hover, .totaraBreadcrumb a:focus { color: #9edbff !important; text-decoration: none !important; } /* Keep breadcrumb visually separate from top nav */ .totaraBreadcrumb, .totaraBreadcrumb .totaraBreadcrumb--container { background: #102a6b !important; border-top: none !important; border-bottom: none !important; } .totaraBreadcrumb .breadcrumb > li, .totaraBreadcrumb .breadcrumb > li > a, .totaraBreadcrumb .breadcrumb > li > span { color: #e6eeff !important; } /* Match notification counter badge to danger alert fill in dark mode */ .popover-region .count-container, .navbar .popover-region .count-container, .popover-region-toggle .count-container[data-region="count-container"] { background-color: #4f1322 !important; color: #ffffff !important; } /* Main surfaces */ .block, .block .content, .tilecontentarea, .course-content ul.section li.activity, .card, .panel, .panel-body, .well, .modal-content, .popover-region-container, .dropdown-menu, .tui-dropdown__menu { background-color: var(--surface-raised) !important; color: #f8faff; border-color: #4b5f8f; } #page, #page-content { background-color: var(--surface-base) !important; } .totaraNav_top, .totaraNav_top .totaraNav_top--container { position: relative; z-index: 30; } .totaraNav .navExpand--list, .totaraNav .navExpand--listSecond, .totaraNav .navExpand--listThird, .totaraNav .usermenu .moodle-actionmenu .menu { z-index: 31 !important; } .block, .tilecontentarea, .course-content .tiles .tilesectionpage .tilecontentarea { border: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); } .block .header, .block .block-header { background-color: var(--rmh-block-header-blue) !important; border-color: var(--rmh-block-header-border) !important; color: #f8faff !important; } .panel-heading, .modal-header, .modal-footer, .popover-region-header-container, .popover-region-footer-container { background-color: var(--surface-base) !important; border-color: #4b5f8f !important; color: #f8faff; } .block .header h2, .block .block-header h2, .block .header .title, .block .block-header .title, .block .header a, .block .block-header a, .block .header .flex-icon, .block .block-header .flex-icon { color: #f8faff !important; } .block_tree .tree_item, .block_tree .tree_item > a, .block_tree .tree_item .item-content-wrap { color: #eaf0ff !important; } .block_tree .tree_item.active_tree_node > a, .block_tree .tree_item.active_tree_node .item-content-wrap { color: var(--rmh-teal) !important; font-weight: 700; } /* De-emphasise sidebars so center content remains primary focus (AAA-safe). */ #block-region-side-pre .block, #block-region-side-post .block { border-color: #33456f !important; box-shadow: none !important; } #block-region-side-pre .block .content, #block-region-side-pre .block .block-content, #block-region-side-post .block .content, #block-region-side-post .block .block-content, #block-region-side-pre .block p, #block-region-side-pre .block li, #block-region-side-post .block p, #block-region-side-post .block li, #block-region-side-pre .block .date, #block-region-side-post .block .date, #block-region-side-pre .block .activitydate, #block-region-side-post .block .activitydate { color: #b3c1dc !important; } #block-region-side-pre .block a, #block-region-side-pre .block .tree_item, #block-region-side-pre .block .item-content-wrap, #block-region-side-post .block a, #block-region-side-post .block .tree_item, #block-region-side-post .block .item-content-wrap { color: #bccae5 !important; text-decoration: none !important; } #block-region-side-pre .block a:hover, #block-region-side-pre .block a:focus, #block-region-side-post .block a:hover, #block-region-side-post .block a:focus { color: #edf3ff !important; text-decoration: none !important; } #block-region-side-pre .block .active_tree_node > a, #block-region-side-pre .block .active_tree_node .item-content-wrap, #block-region-side-post .block .active_tree_node > a, #block-region-side-post .block .active_tree_node .item-content-wrap { color: #e2ebff !important; } /* Sidebar course completion status: remove legacy light table fills. */ #block-region-side-pre .block_completionstatus .content table.generaltable, #block-region-side-pre .block_completionstatus .block-content table.generaltable, #block-region-side-post .block_completionstatus .content table.generaltable, #block-region-side-post .block_completionstatus .block-content table.generaltable { width: 100% !important; border-collapse: collapse !important; background: transparent !important; margin: 0 0 0.55rem 0 !important; } #block-region-side-pre .block_completionstatus .content table.generaltable td, #block-region-side-pre .block_completionstatus .content table.generaltable td.cell, #block-region-side-pre .block_completionstatus .block-content table.generaltable td, #block-region-side-pre .block_completionstatus .block-content table.generaltable td.cell, #block-region-side-post .block_completionstatus .content table.generaltable td, #block-region-side-post .block_completionstatus .content table.generaltable td.cell, #block-region-side-post .block_completionstatus .block-content table.generaltable td, #block-region-side-post .block_completionstatus .block-content table.generaltable td.cell { background: #101f44 !important; color: #d7e5ff !important; border: 0 !important; padding: 0.44rem 0.5rem !important; } #block-region-side-pre .block_completionstatus .content table.generaltable tbody > tr:nth-child(even) td, #block-region-side-pre .block_completionstatus .block-content table.generaltable tbody > tr:nth-child(even) td, #block-region-side-post .block_completionstatus .content table.generaltable tbody > tr:nth-child(even) td, #block-region-side-post .block_completionstatus .block-content table.generaltable tbody > tr:nth-child(even) td { background: #132754 !important; } #block-region-side-pre .block_completionstatus .content table.generaltable tbody > tr:first-child td, #block-region-side-pre .block_completionstatus .block-content table.generaltable tbody > tr:first-child td, #block-region-side-post .block_completionstatus .content table.generaltable tbody > tr:first-child td, #block-region-side-post .block_completionstatus .block-content table.generaltable tbody > tr:first-child td { background: #17305f !important; } #block-region-side-pre .block_completionstatus .content table.generaltable tbody > tr:nth-child(3) td, #block-region-side-pre .block_completionstatus .block-content table.generaltable tbody > tr:nth-child(3) td, #block-region-side-post .block_completionstatus .content table.generaltable tbody > tr:nth-child(3) td, #block-region-side-post .block_completionstatus .block-content table.generaltable tbody > tr:nth-child(3) td { background: #1a3364 !important; color: #eef4ff !important; font-weight: 700 !important; } #block-region-side-pre .block_completionstatus .content table.generaltable b, #block-region-side-pre .block_completionstatus .block-content table.generaltable b, #block-region-side-post .block_completionstatus .content table.generaltable b, #block-region-side-post .block_completionstatus .block-content table.generaltable b { color: #eef4ff !important; } .block a, #region-main a, .course-content a { color: #dce8ff; } .block a:hover, .block a:focus, #region-main a:hover, #region-main a:focus, .course-content a:hover, .course-content a:focus { color: var(--rmh-teal); } /* Dashboard HTML callouts: normalize bright inline blue cards to dark dawn style */ .block_html .content [style*="background-color" i][style*="0,150,255" i], .block_html .content [style*="background-color" i][style*="0, 150, 255" i], .block_html .content [style*="background-color" i][style*="#0096ff" i], .block_html .content [style*="background:" i][style*="0,150,255" i], .block_html .content [style*="background:" i][style*="0, 150, 255" i], .block_html .content [style*="background:" i][style*="#0096ff" i], .nivo-caption [style*="background" i][style*="0,150,255" i], .nivo-caption [style*="background" i][style*="0, 150, 255" i], .nivo-caption [style*="background" i][style*="#0096ff" i], .camera_caption [style*="background" i][style*="0,150,255" i], .camera_caption [style*="background" i][style*="0, 150, 255" i], .camera_caption [style*="background" i][style*="#0096ff" i], .carousel-caption [style*="background" i][style*="0,150,255" i], .carousel-caption [style*="background" i][style*="0, 150, 255" i], .carousel-caption [style*="background" i][style*="#0096ff" i] { background: var(--rmh-dawn-panel-bg) !important; border: none !important; box-shadow: var(--rmh-dawn-panel-shadow) !important; color: #eef4ff !important; } .block_html .content [style*="background-color" i][style*="0,150,255" i] *, .block_html .content [style*="background-color" i][style*="0, 150, 255" i] *, .block_html .content [style*="background-color" i][style*="#0096ff" i] *, .block_html .content [style*="background:" i][style*="0,150,255" i] *, .block_html .content [style*="background:" i][style*="0, 150, 255" i] *, .block_html .content [style*="background:" i][style*="#0096ff" i] *, .nivo-caption [style*="background" i][style*="0,150,255" i] *, .nivo-caption [style*="background" i][style*="0, 150, 255" i] *, .nivo-caption [style*="background" i][style*="#0096ff" i] *, .camera_caption [style*="background" i][style*="0,150,255" i] *, .camera_caption [style*="background" i][style*="0, 150, 255" i] *, .camera_caption [style*="background" i][style*="#0096ff" i] *, .carousel-caption [style*="background" i][style*="0,150,255" i] *, .carousel-caption [style*="background" i][style*="0, 150, 255" i] *, .carousel-caption [style*="background" i][style*="#0096ff" i] * { color: #eef4ff !important; } .block_html .content [style*="background-color" i][style*="0,150,255" i] a, .block_html .content [style*="background-color" i][style*="0, 150, 255" i] a, .block_html .content [style*="background-color" i][style*="#0096ff" i] a, .block_html .content [style*="background:" i][style*="0,150,255" i] a, .block_html .content [style*="background:" i][style*="0, 150, 255" i] a, .block_html .content [style*="background:" i][style*="#0096ff" i] a { color: #f5f9ff !important; text-decoration-color: rgba(245, 249, 255, 0.9) !important; } .block_html .content [style*="background-color" i][style*="0,150,255" i] a:hover, .block_html .content [style*="background-color" i][style*="0, 150, 255" i] a:hover, .block_html .content [style*="background-color" i][style*="#0096ff" i] a:hover, .block_html .content [style*="background:" i][style*="0,150,255" i] a:hover, .block_html .content [style*="background:" i][style*="0, 150, 255" i] a:hover, .block_html .content [style*="background:" i][style*="#0096ff" i] a:hover, .block_html .content [style*="background-color" i][style*="0,150,255" i] a:focus, .block_html .content [style*="background-color" i][style*="0, 150, 255" i] a:focus, .block_html .content [style*="background-color" i][style*="#0096ff" i] a:focus, .block_html .content [style*="background:" i][style*="0,150,255" i] a:focus, .block_html .content [style*="background:" i][style*="0, 150, 255" i] a:focus, .block_html .content [style*="background:" i][style*="#0096ff" i] a:focus { color: #ffffff !important; text-decoration-color: #ffffff !important; } /* Ensure surrounding wrappers in this callout stay dark/transparent, not light grey. */ .block_html.chromeless .content .container.no-overflow, .block_html.chromeless .content .no-overflow { background: transparent !important; } /* Internal Learners welcome card: full-width dawn panel (no inset container, no rounded corners). */ #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .content.block-content { padding: 0 !important; } #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .content.block-content > .no-overflow { margin: 0 !important; } #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i], #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i], #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i], #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow > div[style*="background:" i][style*="0,150,255" i], #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i], #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] { border-radius: 0 !important; margin: 0 !important; } /* Welcome card body copy block: add a gentle left inset (headings stay centered). */ #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i] > div, #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i] > div, #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i] > div, #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow > div[style*="background:" i][style*="0,150,255" i] > div, #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i] > div, #page-totara-dashboard-23 .block_html.block.chromeless[data-block="html"] .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] > div { margin-left: 2.5rem !important; } /* Welcome dashboard card readability: narrower text measure, better spacing, and higher contrast. */ .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i], .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i], .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i], .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0,150,255" i], .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i], .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] { color: #f5f9ff !important; border: 0 !important; box-shadow: none !important; } .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i] :is(h1, h2, h3, h4, h5, h6, p), .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i] :is(h1, h2, h3, h4, h5, h6, p), .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i] :is(h1, h2, h3, h4, h5, h6, p), .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0,150,255" i] :is(h1, h2, h3, h4, h5, h6, p), .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i] :is(h1, h2, h3, h4, h5, h6, p), .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] :is(h1, h2, h3, h4, h5, h6, p) { max-width: 78ch; margin-left: auto !important; margin-right: auto !important; } .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i] h1, .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i] h1, .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i] h1, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0,150,255" i] h1, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i] h1, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] h1 { margin-top: 0 !important; margin-bottom: 0.35em !important; line-height: 1.15 !important; } .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i] h4, .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i] h4, .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i] h4, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0,150,255" i] h4, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i] h4, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] h4 { margin: 0 auto 0.9em auto !important; font-family: "WorkSans", Helvetica, Arial, sans-serif !important; font-weight: 500 !important; line-height: 1.3 !important; letter-spacing: 0.01em !important; } .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i] p, .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i] p, .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i] p, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0,150,255" i] p, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i] p, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] p { margin-top: 0 !important; margin-bottom: 0.55em !important; line-height: 1.5 !important; } .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i] p + ul, .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i] p + ul, .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i] p + ul, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0,150,255" i] p + ul, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i] p + ul, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] p + ul { margin-top: 0.12em !important; } .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i] :is(ul, ol, li), .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i] :is(ul, ol, li), .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i] :is(ul, ol, li), .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0,150,255" i] :is(ul, ol, li), .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i] :is(ul, ol, li), .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] :is(ul, ol, li) { line-height: 1.6 !important; } .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i] :is(ul, ol), .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i] :is(ul, ol), .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i] :is(ul, ol), .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0,150,255" i] :is(ul, ol), .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i] :is(ul, ol), .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] :is(ul, ol) { margin-top: 0.35em !important; margin-bottom: 0 !important; margin-left: 0 !important; max-width: none !important; width: 100% !important; padding-left: 1.1em !important; } .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i] li, .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i] li, .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i] li, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0,150,255" i] li, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i] li, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] li { margin-top: 0.3em !important; margin-bottom: 0.3em !important; padding-left: 0.1em !important; } .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i] a, .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i] a, .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i] a, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0,150,255" i] a, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i] a, .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] a { color: #ffffff !important; text-decoration-color: rgba(255, 255, 255, 0.68) !important; text-decoration-thickness: 0.06em !important; text-underline-offset: 0.08em !important; } /* Full-width dashboard strip: remove light region backgrounds and bright slider cards */ #block-region-fullwidth, #block-region-fullwidth.block-region, #block-region-fullwidth .block, #block-region-fullwidth .block .content, #block-region-fullwidth .block .block-content, #block-region-fullwidth .content.block-content { background-color: transparent !important; } #block-region-fullwidth [style*="background-color" i][style*="0,150,255" i], #block-region-fullwidth [style*="background-color" i][style*="0, 150, 255" i], #block-region-fullwidth [style*="background-color" i][style*="#0096ff" i], #block-region-fullwidth [style*="background" i][style*="0,150,255" i], #block-region-fullwidth [style*="background" i][style*="0, 150, 255" i], #block-region-fullwidth [style*="background" i][style*="#0096ff" i], #block-region-fullwidth .camera_caption, #block-region-fullwidth .camera_caption > div, #block-region-fullwidth .nivo-caption, #block-region-fullwidth .nivo-caption p, #block-region-fullwidth .carousel-caption, #block-region-fullwidth .flex-caption, #block-region-fullwidth .bx-caption, #block-region-fullwidth .bx-caption span { background: var(--rmh-dawn-panel-bg) !important; border: none !important; box-shadow: var(--rmh-dawn-panel-shadow) !important; color: #f5f9ff !important; } #block-region-fullwidth .camera_caption *, #block-region-fullwidth .nivo-caption *, #block-region-fullwidth .carousel-caption *, #block-region-fullwidth .flex-caption *, #block-region-fullwidth .bx-caption *, #block-region-fullwidth [style*="background-color" i][style*="0,150,255" i] *, #block-region-fullwidth [style*="background-color" i][style*="0, 150, 255" i] *, #block-region-fullwidth [style*="background-color" i][style*="#0096ff" i] *, #block-region-fullwidth [style*="background" i][style*="0,150,255" i] *, #block-region-fullwidth [style*="background" i][style*="0, 150, 255" i] *, #block-region-fullwidth [style*="background" i][style*="#0096ff" i] * { color: #f5f9ff !important; } #block-region-fullwidth [style*="background-color" i][style*="0,150,255" i] a, #block-region-fullwidth [style*="background-color" i][style*="0, 150, 255" i] a, #block-region-fullwidth [style*="background-color" i][style*="#0096ff" i] a, #block-region-fullwidth [style*="background" i][style*="0,150,255" i] a, #block-region-fullwidth [style*="background" i][style*="0, 150, 255" i] a, #block-region-fullwidth [style*="background" i][style*="#0096ff" i] a { color: #ffffff !important; text-decoration-color: rgba(255, 255, 255, 0.68) !important; text-decoration-thickness: 0.06em !important; text-underline-offset: 0.08em !important; } /* Keep the welcome card borderless in full-width region. */ #block-region-fullwidth .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0,150,255" i], #block-region-fullwidth .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="0, 150, 255" i], #block-region-fullwidth .block_html.chromeless .content .container.no-overflow > div[style*="background-color" i][style*="#0096ff" i], #block-region-fullwidth .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0,150,255" i], #block-region-fullwidth .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="0, 150, 255" i], #block-region-fullwidth .block_html.chromeless .content .container.no-overflow > div[style*="background:" i][style*="#0096ff" i] { border: 0 !important; box-shadow: none !important; } /* Full-width carousel media dimming (reduce eye strain from bright slides). */ #block-region-fullwidth .content.block-content .camera_wrap img, #block-region-fullwidth .content.block-content .camera_target img, #block-region-fullwidth .content.block-content .cameraSlide img, #block-region-fullwidth .content.block-content .nivoSlider img, #block-region-fullwidth .content.block-content .flexslider .slides img, #block-region-fullwidth .content.block-content .bx-wrapper img, #block-region-fullwidth .content.block-content .bxslider img, #block-region-fullwidth .content.block-content .carousel-inner img, #block-region-fullwidth .content.block-content .slides img { filter: brightness(0.6) saturate(0.82) contrast(1.04) !important; } #block-region-fullwidth .content.block-content .camera_wrap [style*="background-image"], #block-region-fullwidth .content.block-content .nivoSlider [style*="background-image"], #block-region-fullwidth .content.block-content .flexslider [style*="background-image"], #block-region-fullwidth .content.block-content .bx-wrapper [style*="background-image"], #block-region-fullwidth .content.block-content .bxslider [style*="background-image"], #block-region-fullwidth .content.block-content .carousel [style*="background-image"] { filter: brightness(0.6) saturate(0.82) contrast(1.04) !important; } /* Resource/activity secondary metadata text (e.g. file size/type) */ .course-content .section li.activity .activityinstance .resourcelinkdetails, .course-content .section li.activity .activityinstance .resourcelinkdetails a { color: #c4d6fb !important; opacity: 1 !important; } /* Bootstrap buttons */ .btn-default, .btn-secondary { background-color: var(--btn-bg-color); border: none; color: #ffffff; } .btn-default:hover, .btn-default:focus, .btn-secondary:hover, .btn-secondary:focus { background-color: var(--btn-bg-color-focus); border: none; color: #ffffff; } .btn-primary { background-color: var(--btn-bg-color); border: none; color: #ffffff; } .btn-primary:hover, .btn-primary:focus { background-color: var(--btn-bg-color-focus); border: none; color: #ffffff; } .btn-info { background-color: var(--btn-bg-color); border: none; color: #ffffff; } .btn-info:hover, .btn-info:focus { background-color: var(--btn-bg-color-focus); border: none; color: #ffffff; } .btn-link { color: var(--rmh-teal); text-decoration: underline; } .btn-link:hover, .btn-link:focus { color: #9edbff; } /* Global button catch-all for components that only attach `.btn` styles */ .btn:not(.btn-link):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info), a.btn:not(.btn-link):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info), button.btn:not(.btn-link):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info), input.btn:not(.btn-link):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info), a[class*="__btn"]:not(.btn-link), button[class*="__btn"]:not(.btn-link), input[class*="__btn"]:not(.btn-link), a[class*="_button"]:not(.btn-link), button[class*="_button"]:not(.btn-link), input[class*="_button"]:not(.btn-link) { background: var(--btn-bg-color) !important; background-image: none !important; border: none !important; color: var(--btn-text-color) !important; box-shadow: none !important; text-decoration: none !important; } .btn:not(.btn-link):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):hover, .btn:not(.btn-link):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):focus, a.btn:not(.btn-link):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):hover, a.btn:not(.btn-link):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):focus, button.btn:not(.btn-link):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):hover, button.btn:not(.btn-link):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):focus, input.btn:not(.btn-link):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):hover, input.btn:not(.btn-link):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):focus, a[class*="__btn"]:not(.btn-link):hover, a[class*="__btn"]:not(.btn-link):focus, button[class*="__btn"]:not(.btn-link):hover, button[class*="__btn"]:not(.btn-link):focus, input[class*="__btn"]:not(.btn-link):hover, input[class*="__btn"]:not(.btn-link):focus, a[class*="_button"]:not(.btn-link):hover, a[class*="_button"]:not(.btn-link):focus, button[class*="_button"]:not(.btn-link):hover, button[class*="_button"]:not(.btn-link):focus, input[class*="_button"]:not(.btn-link):hover, input[class*="_button"]:not(.btn-link):focus, button[class*="__btn"][aria-expanded="true"], button[class*="_button"][aria-expanded="true"] { background: var(--btn-bg-color-focus) !important; background-image: none !important; border: none !important; color: var(--btn-text-color-focus) !important; text-decoration: none !important; } /* Shared dark-mode button treatment for nonstandard button-like controls. */ .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selection_actions > button, .path-blocks-androgogic_catalogue #region-main .cat_card_entries .catalogue-entry .catalogue-buttons :is(.btn-toggle, .btn, [class*="__btn"], [class*="_button"], [class*="btn-"]), .path-blocks-androgogic_catalogue #region-main .catalogue-f2fsessions .f2fsessions-activity-item :is(.btn, [class*="__btn"], [class*="_button"], [class*="btn-"]), body.path-message #region-main .messaging-area-container .messaging-area :is(button.btn.btn-link, .btn.btn-link, .btn-link.messages-delete) { background: var(--btn-bg-color) !important; background-image: none !important; border: none !important; color: var(--btn-text-color) !important; box-shadow: none !important; outline: none !important; text-decoration: none !important; } .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selection_actions > button:hover, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selection_actions > button:focus, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selection_actions > button:focus-visible, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selection_actions > button[aria-expanded="true"], .path-blocks-androgogic_catalogue #region-main .cat_card_entries .catalogue-entry .catalogue-buttons :is(.btn-toggle, .btn, [class*="__btn"], [class*="_button"], [class*="btn-"]):hover, .path-blocks-androgogic_catalogue #region-main .cat_card_entries .catalogue-entry .catalogue-buttons :is(.btn-toggle, .btn, [class*="__btn"], [class*="_button"], [class*="btn-"]):focus, .path-blocks-androgogic_catalogue #region-main .cat_card_entries .catalogue-entry .catalogue-buttons :is(.btn-toggle, .btn, [class*="__btn"], [class*="_button"], [class*="btn-"]):focus-visible, .path-blocks-androgogic_catalogue #region-main .cat_card_entries .catalogue-entry .catalogue-buttons [aria-expanded="true"], .path-blocks-androgogic_catalogue #region-main .catalogue-f2fsessions .f2fsessions-activity-item :is(.btn, [class*="__btn"], [class*="_button"], [class*="btn-"]):hover, .path-blocks-androgogic_catalogue #region-main .catalogue-f2fsessions .f2fsessions-activity-item :is(.btn, [class*="__btn"], [class*="_button"], [class*="btn-"]):focus, .path-blocks-androgogic_catalogue #region-main .catalogue-f2fsessions .f2fsessions-activity-item :is(.btn, [class*="__btn"], [class*="_button"], [class*="btn-"]):focus-visible, .path-blocks-androgogic_catalogue #region-main .catalogue-f2fsessions .f2fsessions-activity-item [aria-expanded="true"], body.path-message #region-main .messaging-area-container .messaging-area :is(button.btn.btn-link, .btn.btn-link, .btn-link.messages-delete):hover, body.path-message #region-main .messaging-area-container .messaging-area :is(button.btn.btn-link, .btn.btn-link, .btn-link.messages-delete):focus, body.path-message #region-main .messaging-area-container .messaging-area :is(button.btn.btn-link, .btn.btn-link, .btn-link.messages-delete)[aria-expanded="true"] { background: var(--btn-bg-color-focus) !important; background-image: none !important; border-color: var(--btn-border-color-focus) !important; color: var(--btn-text-color-focus) !important; box-shadow: none !important; outline: none !important; text-decoration: none !important; } /* Reports page (my/reports): improve card readability and control clarity. */ #page-my-reports #region-main, #page-my-reports #region-main > div[role="main"], #page-my-reports #myreports_section, #page-my-reports .totara_core__myreports__container { background: transparent !important; border: 0 !important; box-shadow: none !important; } #page-my-reports .totara_core__myreports__title__btn, #page-my-reports .totara_core__myreports__title__btn:hover, #page-my-reports .totara_core__myreports__title__btn:focus { background: var(--btn-bg-color) !important; border: none !important; color: var(--btn-text-color) !important; text-decoration: none !important; } #page-my-reports .totara_core__myreports__title__btn:hover, #page-my-reports .totara_core__myreports__title__btn:focus { background: var(--btn-bg-color-focus) !important; color: var(--btn-text-color-focus) !important; } #page-my-reports .totara_core__myreports__list--grid .totara_core__myreports__list__item__content { background: linear-gradient(180deg, #1c356f 0%, #182f62 56%, #162b58 100%) !important; border: none !important; border-radius: 10px; box-shadow: 0 14px 26px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important; overflow: hidden; transform: none !important; transition: box-shadow 160ms ease, background-color 160ms ease; } #page-my-reports .totara_core__myreports__list--grid .totara_core__myreports__list__item__content:hover, #page-my-reports .totara_core__myreports__list--grid .totara_core__myreports__list__item__content:focus { background: linear-gradient(180deg, #213d7f 0%, #1a346d 56%, #182f64 100%) !important; box-shadow: 0 14px 26px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.09) !important; transform: none !important; } #page-my-reports .totara_core__myreports__list__item__content__image { background: #0c1a3e !important; position: relative; } #page-my-reports .totara_core__myreports__list__item__content__image img.icon { filter: brightness(0.62) saturate(0.78) contrast(0.9); } #page-my-reports .totaraNav_prim .masthead_logo img, #page-my-reports .totaraNav_prim .masthead_logo--header_img { filter: brightness(0.72) saturate(0.82); } #page-my-reports .totara_core__myreports__list__item__content, #page-my-reports .totara_core__myreports__list__item__content:hover, #page-my-reports .totara_core__myreports__list__item__content:focus, #page-my-reports .totara_core__myreports__list__item__content:active, #page-my-reports .totara_core__myreports__list__item__content * { text-decoration: none !important; } #page-my-reports .totara_core__myreports__list__item__content, #page-my-reports .totara_core__myreports__list__item__content .totara_core__myreports__list__item__content__title { color: #eaf0ff !important; } #page-my-reports .totara_core__myreports__list__item__content:hover .totara_core__myreports__list__item__content__title, #page-my-reports .totara_core__myreports__list__item__content:focus .totara_core__myreports__list__item__content__title { color: #ffffff !important; } #page-my-reports .totara_core__myreports__list__item__content__description { color: #ccd8f0 !important; } #page-my-reports .totara_core__myreports__itemstyletoggle { background: #102a6b !important; border: 0 !important; box-shadow: none !important; } #page-my-reports .totara_core__myreports__itemstyletoggle__btn { align-items: center; border: 0 !important; border-radius: 4px; color: #dce8ff !important; display: inline-flex; gap: 0.45rem; margin: 0 !important; padding: 0.45rem 0.65rem !important; text-decoration: none !important; } #page-my-reports .totara_core__myreports__itemstyletoggle__btn .flex-icon { color: currentColor !important; } #page-my-reports .totara_core__myreports__itemstyletoggle__btn--narrow::after { content: "Tile"; } #page-my-reports .totara_core__myreports__itemstyletoggle__btn--wide::after { content: "List"; } #page-my-reports .totara_core__myreports__itemstyletoggle__btn--narrow::after, #page-my-reports .totara_core__myreports__itemstyletoggle__btn--wide::after { font-size: 0.78rem; font-weight: 600; letter-spacing: 0.01em; } #page-my-reports .totara_core__myreports__itemstyletoggle__btn:hover, #page-my-reports .totara_core__myreports__itemstyletoggle__btn:focus { background: #1a3b86 !important; color: #ffffff !important; } #page-my-reports .totara_core__myreports__itemstyletoggle__btn_active { background: #1347a0 !important; border: 0 !important; color: #ffffff !important; cursor: default; } /* Totara catalogue manage actions (Find learning page) */ .tw-catalogManageBtns .tw-catalogManageBtns__btn, .tw-catalogManageBtns .tw-catalogManageBtns__btn.btn { background: var(--btn-bg-color) !important; border: none !important; color: var(--btn-text-color) !important; box-shadow: none !important; } .tw-catalogManageBtns .tw-catalogManageBtns__btn:hover, .tw-catalogManageBtns .tw-catalogManageBtns__btn:focus, .tw-catalogManageBtns .tw-catalogManageBtns__btn.btn:hover, .tw-catalogManageBtns .tw-catalogManageBtns__btn.btn:focus, .tw-catalogManageBtns .tw-catalogManageBtns__btn[aria-expanded="true"] { background: var(--btn-bg-color-focus) !important; border: none !important; color: var(--btn-text-color-focus) !important; } .tw-catalogManageBtns .tw-catalogManageBtns__btn .flex-icon { color: inherit !important; } .tw-catalogManageBtns .tw-catalogManageBtns__group_options { background: #07163e !important; border: 1px solid #2f4f92 !important; box-shadow: none !important; } .tw-catalogManageBtns .tw-catalogManageBtns__group_options_item { background: transparent !important; } .tw-catalogManageBtns .tw-catalogManageBtns__group_options_item_link { background: transparent !important; color: #eaf0ff !important; } .tw-catalogManageBtns .tw-catalogManageBtns__group_options_item_link:hover, .tw-catalogManageBtns .tw-catalogManageBtns__group_options_item_link:focus { background: #102a6b !important; color: #ffffff !important; } /* Find learning filter panel: keep link/icon hover states AAA on dark backgrounds */ .tw-selectRegionPanel .tw-selectRegionPanel__heading_clear_link, .tw-selectRegionPanel .tw-selectMulti__link { color: #eaf0ff !important; } .tw-selectRegionPanel .tw-selectRegionPanel__heading_clear_link:hover, .tw-selectRegionPanel .tw-selectRegionPanel__heading_clear_link:focus, .tw-selectRegionPanel .tw-selectMulti__link:hover, .tw-selectRegionPanel .tw-selectMulti__link:focus, .tw-selectRegionPanel .tw-selectMulti__link:focus-visible { background: #102a6b !important; color: #ffffff !important; text-decoration: none !important; } .tw-selectRegionPanel .tw-selectMulti__link_text { color: inherit !important; } .tw-selectRegionPanel .tw-selectMulti__link_close .flex-icon, .tw-selectRegionPanel .tw-selectMulti__link [data-flex-icon="close"] { color: #cfe0ff !important; opacity: 1 !important; } .tw-selectRegionPanel .tw-selectMulti__link:hover .tw-selectMulti__link_close .flex-icon, .tw-selectRegionPanel .tw-selectMulti__link:focus .tw-selectMulti__link_close .flex-icon, .tw-selectRegionPanel .tw-selectMulti__link:focus-visible .tw-selectMulti__link_close .flex-icon, .tw-selectRegionPanel .tw-selectMulti__link:hover [data-flex-icon="close"], .tw-selectRegionPanel .tw-selectMulti__link:focus [data-flex-icon="close"], .tw-selectRegionPanel .tw-selectMulti__link:focus-visible [data-flex-icon="close"] { color: #ffffff !important; } .tw-selectRegionPanel .tw-selectMulti__link[aria-selected="true"] { background: #0f2b6f !important; color: #ffffff !important; } /* Find learning catalogue tiles: dim artwork + dawn placeholder + dark type chips */ .tw-catalogItemNarrow__image_ratio, .tw-catalogItemWide__image_ratio, .tw-catalogItem__image_ratio { overflow: hidden !important; } .tw-catalogItemNarrow__image_ratio_img, .tw-catalogItemWide__image_ratio_img, .tw-catalogItem__image_ratio_img { position: relative !important; background-color: #091735 !important; filter: saturate(0.78) brightness(0.72) contrast(1.04) !important; } .tw-catalogItemNarrow__image_ratio_img::before, .tw-catalogItemWide__image_ratio_img::before, .tw-catalogItem__image_ratio_img::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient( 180deg, rgba(5, 11, 30, 0.64) 0%, rgba(8, 19, 46, 0.52) 44%, rgba(73, 46, 56, 0.36) 74%, rgba(170, 99, 52, 0.26) 100% ); } /* Replace default light-grey Totara placeholder with a dark dawn variant. */ .tw-catalogItemNarrow__image_ratio_img[style*="course_defaultimage"], .tw-catalogItemWide__image_ratio_img[style*="course_defaultimage"], .tw-catalogItem__image_ratio_img[style*="course_defaultimage"], .tw-catalogItemNarrow__image_ratio_img[style*="/defaultimage"], .tw-catalogItemWide__image_ratio_img[style*="/defaultimage"], .tw-catalogItem__image_ratio_img[style*="/defaultimage"] { filter: none !important; background-image: radial-gradient( 120% 78% at 50% 108%, rgba(255, 183, 122, 0.58) 0%, rgba(255, 183, 122, 0) 58% ), linear-gradient(180deg, #060f28 0%, #0a1a3e 45%, #25366a 64%, #5a3556 80%, #9f5b34 100%), radial-gradient(circle at 20% 22%, rgba(222, 234, 255, 0.32) 0 1.1%, transparent 1.2%), radial-gradient(circle at 68% 18%, rgba(222, 234, 255, 0.26) 0 0.9%, transparent 1%), radial-gradient(circle at 84% 30%, rgba(222, 234, 255, 0.2) 0 0.7%, transparent 0.8%) !important; } .tw-catalogItemNarrow:hover .tw-catalogItemNarrow__image_ratio_img::before, .tw-catalogItemNarrow:focus-within .tw-catalogItemNarrow__image_ratio_img::before, .tw-catalogItemWide:hover .tw-catalogItemWide__image_ratio_img::before, .tw-catalogItemWide:focus-within .tw-catalogItemWide__image_ratio_img::before { background: linear-gradient( 180deg, rgba(5, 11, 30, 0.52) 0%, rgba(8, 19, 46, 0.42) 44%, rgba(73, 46, 56, 0.3) 74%, rgba(170, 99, 52, 0.22) 100% ); } .tw-catalogItemNarrow__hero, .tw-catalogItemWide__hero, .tw-catalogItem__hero { background: transparent !important; } .tw-catalogItemNarrow__hero_text, .tw-catalogItemWide__hero_text, .tw-catalogItem__hero_text { background: #0a215c !important; border: 1px solid #66bfff !important; border-radius: 6px !important; color: #ffffff !important; font-weight: 700 !important; text-shadow: none !important; box-shadow: none !important; } .tw-catalogItemNarrow:hover .tw-catalogItemNarrow__hero_text, .tw-catalogItemNarrow:focus-within .tw-catalogItemNarrow__hero_text, .tw-catalogItemWide:hover .tw-catalogItemWide__hero_text, .tw-catalogItemWide:focus-within .tw-catalogItemWide__hero_text, .tw-catalogItem:hover .tw-catalogItem__hero_text, .tw-catalogItem:focus-within .tw-catalogItem__hero_text { background: #07163e !important; border-color: #9edbff !important; } /* Contextual button variants */ .btn-success { background-color: #085744; border: none; color: #ffffff; } .btn-success:hover, .btn-success:focus { background-color: #063c30; border: none; color: #ffffff; } .btn-warning { background-color: #5a4300; border: none; color: #ffffff; } .btn-warning:hover, .btn-warning:focus { background-color: #453300; border: none; color: #ffffff; } .btn-danger { background-color: #6a1325; border: none; color: #ffffff; } .btn-danger:hover, .btn-danger:focus { background-color: #4f0d1b; border: none; color: #ffffff; } /* Non-bootstrap controls used in Totara course pages */ .tile-dir, .singlebutton input[type="submit"], #searchform_button { background-color: var(--btn-bg-color) !important; border: none !important; color: #ffffff !important; border-radius: 4px; } .tile-dir { display: inline-block; padding: 8px 14px; text-decoration: none; } .tile-dir:hover, .tile-dir:focus, .singlebutton input[type="submit"]:hover, .singlebutton input[type="submit"]:focus, #searchform_button:hover, #searchform_button:focus { background-color: var(--btn-bg-color-focus) !important; border: none !important; color: #ffffff !important; } .tile-dir.tile-disabled, .tile-disabled { background-color: #2d3d66 !important; border-color: #6b7ea9 !important; color: #d6e0f6 !important; opacity: 1; } /* Forms */ html:not(:has(head > script#__ENTRY__)) :is(input, select, textarea, .form-control, .mform input[type="text"], .mform input[type="password"], .mform select, .mform textarea) { background-color: #0a1533 !important; color: #f8faff !important; border-color: #6f83b3 !important; } html:not(:has(head > script#__ENTRY__)) input::placeholder, html:not(:has(head > script#__ENTRY__)) textarea::placeholder { color: #d0d9ee; } /* Course settings date picker popup (jQuery UI + YUI fallback) */ #page-course-edit #ui-datepicker-div { background: #0f1b3d !important; border: none !important; color: #eaf0ff !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.38) !important; } #page-course-edit #ui-datepicker-div.ui-widget, #page-course-edit #ui-datepicker-div.ui-widget-content { background: #0f1b3d !important; border: none !important; color: #eaf0ff !important; } #page-course-edit #ui-datepicker-div .ui-datepicker-header, #page-course-edit #ui-datepicker-div .ui-widget-header { background: #0a215c !important; border: none !important; color: #ffffff !important; } #page-course-edit #ui-datepicker-div .ui-datepicker-title { color: #ffffff !important; } #page-course-edit #ui-datepicker-div .ui-datepicker-prev, #page-course-edit #ui-datepicker-div .ui-datepicker-next, #page-course-edit .yui3-skin-sam .yui3-calendarnav-prevmonth, #page-course-edit .yui3-skin-sam .yui3-calendarnav-nextmonth, #page-course-edit .yui3-calendarnav-prevmonth, #page-course-edit .yui3-calendarnav-nextmonth { background: #1347a0 !important; border: 1px solid #0096ff !important; border-radius: 4px !important; box-shadow: none !important; color: #ffffff !important; } #page-course-edit #ui-datepicker-div .ui-datepicker-prev .ui-icon, #page-course-edit #ui-datepicker-div .ui-datepicker-next .ui-icon { display: none !important; } #page-course-edit #ui-datepicker-div .ui-datepicker-prev::before, #page-course-edit #ui-datepicker-div .ui-datepicker-next::before { color: #ffffff; font-size: 0.95rem; font-weight: 700; left: 50%; line-height: 1; position: absolute; top: 50%; transform: translate(-50%, -50%); } #page-course-edit #ui-datepicker-div table { background: #0a1533 !important; } #page-course-edit #ui-datepicker-div th { color: #c9d8fb !important; } #page-course-edit #ui-datepicker-div td .ui-state-default { background: #0f1b3d !important; border: 1px solid #233867 !important; color: #eaf0ff !important; text-align: center !important; } #page-course-edit #ui-datepicker-div td .ui-state-hover, #page-course-edit #ui-datepicker-div td .ui-state-focus { background: #1347a0 !important; border-color: #0096ff !important; color: #ffffff !important; } #page-course-edit #ui-datepicker-div td .ui-state-highlight { background: #102a6b !important; border-color: #365899 !important; color: #ffffff !important; } #page-course-edit #ui-datepicker-div td.ui-state-disabled span, #page-course-edit #ui-datepicker-div td.ui-datepicker-other-month span, #page-course-edit #ui-datepicker-div td.ui-datepicker-other-month a, #page-course-edit #ui-datepicker-div td .ui-state-default.ui-priority-secondary { background: #0c1738 !important; border-color: #1e2f57 !important; color: #6e82ae !important; opacity: 0.58 !important; } #page-course-edit .yui3-skin-sam .yui3-calendar-content, #page-course-edit .yui3-calendar-content { background: #0f1b3d !important; border: none !important; color: #eaf0ff !important; } #page-course-edit .yui3-skin-sam .yui3-calendar-header, #page-course-edit .yui3-calendar-header { background: #0a215c !important; color: #ffffff !important; } #page-course-edit .yui3-skin-sam .yui3-calendar-day, #page-course-edit .yui3-calendar-day { background: #0f1b3d !important; color: #eaf0ff !important; } #page-course-edit .yui3-skin-sam .yui3-calendar-day:hover, #page-course-edit .yui3-skin-sam .yui3-calendar-day:focus, #page-course-edit .yui3-skin-sam .yui3-calendar-day-selected, #page-course-edit .yui3-calendar-day:hover, #page-course-edit .yui3-calendar-day:focus, #page-course-edit .yui3-calendar-day-selected { background: #1a5ecf !important; color: #ffffff !important; } /* Required field indicators: soften bright red for dark mode comfort */ .form-required, .flex-icon.form-required, .ft-state-danger.form-required, [data-flex-icon="required"], .fdescription.required .form-required, .mform .required .form-required { color: #f4a9b8 !important; opacity: 0.95 !important; text-shadow: none !important; } /* Atto editor + filemanager controls used in course settings */ #region-main .mform .fitem.fitem_feditor .editor_atto_wrap { background: #0f1b3d !important; border: 1px solid #4b5f8f !important; border-radius: 4px !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar { background: #0a1533 !important; border-bottom: 1px solid #324a83 !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar .atto_group { background: transparent !important; border: 0 !important; border-right: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 8px 8px 0 !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar .atto_group::before, #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar .atto_group::after { content: none !important; display: none !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar button { background: #102a6b !important; border: 1px solid transparent !important; background-image: none !important; color: #eaf0ff !important; border-radius: 4px !important; box-shadow: none !important; -webkit-appearance: none !important; appearance: none !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar button + button { border-left: 0 !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar .atto_group button { margin: 0 2px 2px 0 !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar button:hover, #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar button:focus { background: #1347a0 !important; background-image: none !important; border-color: transparent !important; color: #ffffff !important; box-shadow: none !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar button:active, #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar button.highlight { background: #0f3f95 !important; background-image: none !important; border-color: transparent !important; color: #ffffff !important; box-shadow: none !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar button[disabled] { background: #1a2a56 !important; background-image: none !important; border-color: transparent !important; color: #b5c2df !important; opacity: 0.65 !important; box-shadow: none !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar button .icon { filter: brightness(0) invert(1); opacity: 0.92; } #region-main .mform .fitem.fitem_feditor .editor_atto_toolbar .flex-icon { color: inherit !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_content_wrap, #region-main .mform .fitem.fitem_feditor .editor_atto + textarea { background: #0a1533 !important; border-top: 1px solid #324a83 !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_content { background: #0a1533 !important; color: #f8faff !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_content p, #region-main .mform .fitem.fitem_feditor .editor_atto_content li, #region-main .mform .fitem.fitem_feditor .editor_atto_content h1, #region-main .mform .fitem.fitem_feditor .editor_atto_content h2, #region-main .mform .fitem.fitem_feditor .editor_atto_content h3, #region-main .mform .fitem.fitem_feditor .editor_atto_content h4, #region-main .mform .fitem.fitem_feditor .editor_atto_content h5, #region-main .mform .fitem.fitem_feditor .editor_atto_content h6 { color: #f8faff !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_menu .dropdown-menu { background: #0f1b3d !important; border: 1px solid #4b5f8f !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_menu .dropdown-menu > li > a { color: #eaf0ff !important; } #region-main .mform .fitem.fitem_feditor .editor_atto_menu .dropdown-menu > li > a:hover, #region-main .mform .fitem.fitem_feditor .editor_atto_menu .dropdown-menu > li > a:focus { background: #163a80 !important; color: #ffffff !important; } #region-main .mform .fitem.fitem_ffilemanager .filemanager { background: #0f1b3d !important; border: 1px solid #4b5f8f !important; border-radius: 4px !important; } #region-main .mform .fitem.fitem_ffilemanager .fp-restrictions, #region-main .mform .fitem.fitem_ffilemanager .fp-navbar { background: #0a1533 !important; border-bottom: 1px solid #324a83 !important; color: #dce8ff !important; } #region-main .mform .fitem.fitem_ffilemanager .fp-pathbar, #region-main .mform .fitem.fitem_ffilemanager .fp-path-folder, #region-main .mform .fitem.fitem_ffilemanager .fp-path-folder-name { color: #eaf0ff !important; } #region-main .mform .fitem.fitem_ffilemanager .fp-toolbar a, #region-main .mform .fitem.fitem_ffilemanager .fp-viewbar a { background: #102a6b !important; border: 1px solid #4b5f8f !important; border-radius: 4px !important; color: #eaf0ff !important; } #region-main .mform .fitem.fitem_ffilemanager .fp-toolbar a:hover, #region-main .mform .fitem.fitem_ffilemanager .fp-toolbar a:focus, #region-main .mform .fitem.fitem_ffilemanager .fp-viewbar a:hover, #region-main .mform .fitem.fitem_ffilemanager .fp-viewbar a:focus { background: #1347a0 !important; border-color: #66bfff !important; color: #ffffff !important; } #region-main .mform .fitem.fitem_ffilemanager .filemanager-container, #region-main .mform .fitem.fitem_ffilemanager .fm-content-wrapper, #region-main .mform .fitem.fitem_ffilemanager .fp-content, #region-main .mform .fitem.fitem_ffilemanager .fm-empty-container { background: #0a1533 !important; color: #eaf0ff !important; } #region-main .mform .fitem.fitem_ffilemanager .dndupload-arrow .flex-icon::before, #region-main .mform .fitem.fitem_ffilemanager .dndupload-message .flex-icon[data-flex-icon="upload"]::before { color: inherit !important; } #region-main .mform .fitem.fitem_ffilemanager .fp-toolbar .flex-icon, #region-main .mform .fitem.fitem_ffilemanager .fp-viewbar .flex-icon { color: inherit !important; } #region-main .mform .fitem.fitem_ffilemanager .form-filetypes-descriptions, #region-main .mform .fitem.fitem_ffilemanager .form-filetypes-descriptions li, #region-main .mform .fitem.fitem_ffilemanager .form-filetypes-descriptions small { color: #dce8ff !important; } /* Shared legacy Moodle/Totara content components */ #region-main .box.generalbox { background: #0f1b3d !important; border: 1px solid #4b5f8f !important; color: #eaf0ff !important; box-shadow: none !important; } /* OJT intro should inherit its parent surface instead of using generalbox fill */ #region-main #ojtintro.box.generalbox.mod_introbox { background: inherit !important; background-color: inherit !important; } #region-main .box.generalbox > p, #region-main .box.generalbox p, #region-main .box.generalbox label, #region-main .box.generalbox legend { color: #eaf0ff !important; } /* Shared mform collapsible headings: remove legacy 1px divider line under legend titles. */ #region-main form.mform > fieldset.collapsible, #region-main form.mform > fieldset.collapsible > .fcontainer { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; background-image: none !important; } #region-main form.mform > fieldset.collapsible > legend.ftoggler { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; background-image: none !important; display: block !important; margin-top: 0.85rem !important; margin-bottom: 0.2rem !important; padding-top: 0.6rem !important; padding-bottom: 0.15rem !important; font-weight: 700 !important; line-height: 1.25 !important; text-decoration: none !important; text-decoration-line: none !important; } #region-main form.mform > fieldset.collapsible > legend.ftoggler a, #region-main form.mform > fieldset.collapsible > legend.ftoggler span { font-weight: 700 !important; text-decoration: none !important; text-decoration-line: none !important; } #region-main form.mform > fieldset.collapsible::before, #region-main form.mform > fieldset.collapsible::after, #region-main form.mform > fieldset.collapsible > .fcontainer::before, #region-main form.mform > fieldset.collapsible > .fcontainer::after, #region-main form.mform > fieldset.collapsible > legend.ftoggler::before, #region-main form.mform > fieldset.collapsible > legend.ftoggler::after { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; background-image: none !important; content: none !important; } /* Enrolment page: keep content + sidebar surfaces flush with page-content base. */ body#page-enrol-index.path-enrol #region-main .box.generalbox, body#page-enrol-index.path-enrol #region-main .box.generalbox .panel, body#page-enrol-index.path-enrol #region-main .box.generalbox .panel-default, body#page-enrol-index.path-enrol #region-main .box.generalbox .panel-heading, body#page-enrol-index.path-enrol #region-main .box.generalbox .panel-body { background: var(--surface-base) !important; background-color: var(--surface-base) !important; border: none !important; border-color: transparent !important; box-shadow: none !important; } body#page-enrol-index.path-enrol #block-region-side-pre .block, body#page-enrol-index.path-enrol #block-region-side-pre .block .content, body#page-enrol-index.path-enrol #block-region-side-pre .block .block-content, body#page-enrol-index.path-enrol #block-region-side-post .block, body#page-enrol-index.path-enrol #block-region-side-post .block .content, body#page-enrol-index.path-enrol #block-region-side-post .block .block-content, body#page-enrol-index.path-enrol #block-region-side-pre .block .header, body#page-enrol-index.path-enrol #block-region-side-pre .block .block-header, body#page-enrol-index.path-enrol #block-region-side-post .block .header, body#page-enrol-index.path-enrol #block-region-side-post .block .block-header { background: var(--surface-base) !important; background-color: var(--surface-base) !important; border: none !important; border-color: transparent !important; box-shadow: none !important; } #region-main table.generaltable { background: #101f46 !important; border: 1px solid #4b5f8f !important; border-collapse: collapse !important; color: #eaf0ff !important; } #region-main table.generaltable thead th, #region-main table.generaltable tr th.header { background: #132452 !important; border: 1px solid #4b5f8f !important; color: #f8faff !important; } #region-main table.generaltable tbody td, #region-main table.generaltable tr td.cell { background: #101f46 !important; border: 1px solid #324a83 !important; color: #eaf0ff !important; } #region-main table.generaltable tbody tr:nth-child(even) td, #region-main table.generaltable tr.r1 td, #region-main table.generaltable tr.even td { background: #0f1c42 !important; } #region-main table.generaltable tbody tr:hover td, #region-main table.generaltable tbody tr:focus-within td { background: #163a80 !important; color: #ffffff !important; } #region-main .urlselect label { color: #eaf0ff !important; } #region-main .urlselect select, #region-main .urlselect .custom-select { background: #0a1533 !important; border: 1px solid #6f83b3 !important; color: #f8faff !important; } #region-main table.generaltable .action-icon .flex-icon { color: #9edbff !important; opacity: 1 !important; } #region-main table.generaltable .action-icon .ft-state-danger { color: #ff6c81 !important; } #region-main table.generaltable .action-icon:hover .flex-icon, #region-main table.generaltable .action-icon:focus .flex-icon { color: #ffffff !important; } /* Global table baseline: force dark styling for all tables in main content */ #region-main table, #region-main .table { background: #101f46 !important; border: 1px solid #4b5f8f !important; border-collapse: collapse !important; color: #eaf0ff !important; } #region-main table thead th, #region-main table > thead > tr > th, #region-main table tr th, #region-main .table thead th, #region-main .table > thead > tr > th { background: #132452 !important; border: 1px solid #4b5f8f !important; color: #f8faff !important; } #region-main table tbody td, #region-main table tbody th, #region-main table tr td, #region-main .table tbody td, #region-main .table tbody th, #region-main .table tr td { background: #101f46 !important; border: 1px solid #324a83 !important; color: #eaf0ff !important; } #region-main table tbody tr:nth-child(even) td, #region-main table tbody tr:nth-child(even) th, #region-main table tr.even td, #region-main table tr.r1 td, #region-main .table tbody tr:nth-child(even) td, #region-main .table tbody tr:nth-child(even) th { background: #0f1c42 !important; } #region-main table tbody tr:hover td, #region-main table tbody tr:hover th, #region-main table tbody tr:focus-within td, #region-main table tbody tr:focus-within th, #region-main .table tbody tr:hover td, #region-main .table tbody tr:hover th { background: #163a80 !important; color: #ffffff !important; } #region-main table a, #region-main .table a { color: #dce8ff !important; } #region-main table a:hover, #region-main table a:focus, #region-main .table a:hover, #region-main .table a:focus { color: #ffffff !important; } #region-main table .action-icon .flex-icon, #region-main .table .action-icon .flex-icon { color: #9edbff !important; opacity: 1 !important; } #region-main table .action-icon:hover .flex-icon, #region-main table .action-icon:focus .flex-icon, #region-main .table .action-icon:hover .flex-icon, #region-main .table .action-icon:focus .flex-icon { color: #ffffff !important; } /* RMH tab specification Applies site-wide to the RMH tab controls used across the site: - Standard Totara content tabs: .tabtree > ul.nav.nav-tabs and ul.nav.nav-tabs - Course topic tabs: .tiletopicnav.tilenav_top > ul - Messaging tabs: .messaging-area .tabs[role="tablist"] - CPD tab menu: .menubar-navigation[role="menubar"] Shared rules: - Container is a flex row with a 6px gap and a visible 2px RMH-blue baseline. - Inactive tabs keep the existing RMH dark-mode blue tint and pale blue text. - Tabs sit flush on the baseline with no gap, while the row baseline stays visible across the full width and continues beneath each tab. - Hover and focus use the lighter RMH blue tint with white text. - Active tabs lift 6px, switch to the existing RMH success green, and keep a darker lower strip plus the mint inner underline. - The blue baseline remains continuous beneath the active tab, with the dark active strip sitting 2px above it and the mint underline above the strip. - Force both color and -webkit-text-fill-color on base, hover, and active states, and make nested spans/icons/carets inherit the tab color. */ #region-main .tabtree, #region-fullwidth .tabtree { margin: 0 !important; } :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs), .course-content .tiletopicnav.tilenav_top > ul, .messaging-area .tabs[role="tablist"], .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 6px; margin: 4px 0 14px !important; padding: 0 !important; list-style: none; background: transparent !important; border: 0 !important; border-bottom: 2px solid var(--rmh-tab-baseline) !important; position: relative; } :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs)::after, .course-content .tiletopicnav.tilenav_top > ul::after, .messaging-area .tabs[role="tablist"]::after, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"]::after { content: none !important; } :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li, .course-content .tiletopicnav.tilenav_top > ul > li, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li { float: none !important; margin: 0 !important; position: relative; z-index: 1; } :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a, .course-content .tiletopicnav.tilenav_top > ul > li > a, .messaging-area .tabs[role="tablist"] > .tab, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"] { position: relative; display: inline-flex; align-items: center; gap: 0.5rem; min-height: 40px; margin: 0 0 -2px !important; padding: 10px 14px 12px !important; background: var(--rmh-tab-fill) !important; background-image: none !important; border: 0 !important; border-radius: 8px 8px 0 0 !important; box-shadow: inset 0 -2px 0 var(--rmh-tab-baseline) !important; color: var(--rmh-tab-text) !important; -webkit-text-fill-color: var(--rmh-tab-text) !important; font-weight: 400 !important; line-height: 1.2; text-decoration: none !important; text-decoration-color: currentColor !important; outline: none !important; cursor: pointer; transition: background-color 140ms ease, color 140ms ease; } :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a:hover, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a:focus, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a:focus-visible, .course-content .tiletopicnav.tilenav_top > ul > li > a:hover, .course-content .tiletopicnav.tilenav_top > ul > li > a:focus, .course-content .tiletopicnav.tilenav_top > ul > li > a:focus-visible, .messaging-area .tabs[role="tablist"] > .tab:hover, .messaging-area .tabs[role="tablist"] > .tab:focus, .messaging-area .tabs[role="tablist"] > .tab:focus-visible, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"]:hover, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"]:focus, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"]:focus-visible, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"][aria-expanded="true"] { background: var(--rmh-tab-fill-hover) !important; border: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important; text-decoration-color: currentColor !important; } :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li.active > a, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li.active > a:hover, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li.active > a:focus, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li.active > a:focus-visible, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a.current, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a.current:hover, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a.current:focus, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a.current:focus-visible, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a.currentsection, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a.currentsection:hover, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a.currentsection:focus, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a.currentsection:focus-visible, .course-content .tiletopicnav.tilenav_top > ul > li.active > a, .course-content .tiletopicnav.tilenav_top > ul > li.active > a:hover, .course-content .tiletopicnav.tilenav_top > ul > li.active > a:focus, .course-content .tiletopicnav.tilenav_top > ul > li.active > a:focus-visible, .course-content .tiletopicnav.tilenav_top > ul > li > a.current, .course-content .tiletopicnav.tilenav_top > ul > li > a.current:hover, .course-content .tiletopicnav.tilenav_top > ul > li > a.current:focus, .course-content .tiletopicnav.tilenav_top > ul > li > a.current:focus-visible, .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection, .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection:hover, .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection:focus, .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection:focus-visible, .messaging-area .tabs[role="tablist"] > .tab.selected, .messaging-area .tabs[role="tablist"] > .tab.selected:hover, .messaging-area .tabs[role="tablist"] > .tab.selected:focus, .messaging-area .tabs[role="tablist"] > .tab.selected:focus-visible, .messaging-area .tabs[role="tablist"] > .tab[aria-selected="true"], .messaging-area .tabs[role="tablist"] > .tab[aria-selected="true"]:hover, .messaging-area .tabs[role="tablist"] > .tab[aria-selected="true"]:focus, .messaging-area .tabs[role="tablist"] > .tab[aria-selected="true"]:focus-visible, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"][aria-current], .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"][aria-current]:hover, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"][aria-current]:focus, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"][aria-current]:focus-visible, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"].aria-current-path, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"].aria-current-path:hover, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"].aria-current-path:focus, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"].aria-current-path:focus-visible { min-height: 46px; padding-top: 14px !important; background: var(--rmh-tab-active-fill) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 600 !important; text-decoration: none !important; text-decoration-color: currentColor !important; box-shadow: inset 0 -2px 0 var(--rmh-tab-baseline) !important; z-index: 2; } :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li.active > a::before, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a.current::before, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a.currentsection::before, .course-content .tiletopicnav.tilenav_top > ul > li.active > a::before, .course-content .tiletopicnav.tilenav_top > ul > li > a.current::before, .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection::before, .messaging-area .tabs[role="tablist"] > .tab.selected::before, .messaging-area .tabs[role="tablist"] > .tab[aria-selected="true"]::before, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"][aria-current]::before, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"].aria-current-path::before { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 2px; background: var(--rmh-tab-active-strip); } :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li.active > a::after, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a.current::after, :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a.currentsection::after, .course-content .tiletopicnav.tilenav_top > ul > li.active > a::after, .course-content .tiletopicnav.tilenav_top > ul > li > a.current::after, .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection::after, .messaging-area .tabs[role="tablist"] > .tab.selected::after, .messaging-area .tabs[role="tablist"] > .tab[aria-selected="true"]::after, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"][aria-current]::after, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"].aria-current-path::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 5px; height: 2px; border-radius: 999px; background: var(--rmh-tab-active-underline); } :is( :is(#region-main, #region-fullwidth) :is(.tabtree > .nav.nav-tabs, ul.nav.nav-tabs) > li > a, .course-content .tiletopicnav.tilenav_top > ul > li > a, .messaging-area .tabs[role="tablist"] > .tab, .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"] ) :is(span, strong, b, small, .flex-icon, [data-flex-icon], .caret), .messaging-area .tabs[role="tablist"] > .tab > div { color: inherit !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } .path-local-androcpd #region-main .tabtree .menubar-navigation[role="menubar"] > li > [role="menuitem"] .caret { border-top-color: currentColor !important; } /* Course topic tabs in tiles format still carry strong native styles, so restate the RMH shared tab spec here with page-level specificity. */ #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a { min-height: 40px; margin: 0 0 -2px !important; padding: 10px 14px 12px !important; background: var(--rmh-tab-fill) !important; background-image: none !important; border: 0 !important; border-radius: 8px 8px 0 0 !important; color: var(--rmh-tab-text) !important; -webkit-text-fill-color: var(--rmh-tab-text) !important; text-decoration: none !important; text-decoration-color: currentColor !important; box-shadow: inset 0 -2px 0 var(--rmh-tab-baseline) !important; } #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a > span { color: inherit !important; -webkit-text-fill-color: currentColor !important; } #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a:hover, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a:focus, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a:focus-visible { background: var(--rmh-tab-fill-hover) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important; text-decoration-color: currentColor !important; } #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a:hover > span, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a:focus > span, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a:focus-visible > span { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li.active > a, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li.active > a:hover, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li.active > a:focus, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li.active > a:focus-visible, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.current, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.current:hover, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.current:focus, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.current:focus-visible, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection:hover, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection:focus, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection:focus-visible { min-height: 46px; margin-top: -6px; padding-top: 14px !important; background: var(--rmh-tab-active-fill) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important; text-decoration-color: currentColor !important; box-shadow: inset 0 -2px 0 var(--rmh-tab-baseline) !important; } #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li.active > a > span, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.current > span, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.current:hover > span, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.current:focus > span, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.current:focus-visible > span, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection > span, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection:hover > span, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection:focus > span, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection:focus-visible > span { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li.active > a::before, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.current::before, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection::before { bottom: 2px !important; background: var(--rmh-tab-active-strip) !important; } #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li.active > a::after, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.current::after, #page-course-view-tiles .course-content .tiletopicnav.tilenav_top > ul > li > a.currentsection::after { background: var(--rmh-tab-active-underline) !important; } .path-local-androcpd #region-main .tabtree .menubar-navigation [role="menu"] { margin-top: 0.45rem !important; padding: 0.35rem !important; border: 0 !important; border-radius: 10px; background: #07163e !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.38) !important; } .path-local-androcpd #region-main .tabtree .menubar-navigation [role="menu"] [role="menuitem"] { width: 100%; margin: 0 !important; padding: 0.5rem 0.8rem !important; background: transparent !important; border: 0 !important; border-radius: 6px; color: #eaf0ff !important; text-decoration: none !important; } .path-local-androcpd #region-main .tabtree .menubar-navigation [role="menu"] [role="menuitem"]:hover, .path-local-androcpd #region-main .tabtree .menubar-navigation [role="menu"] [role="menuitem"]:focus, .path-local-androcpd #region-main .tabtree .menubar-navigation [role="menu"] [role="menuitem"][aria-expanded="true"] { padding: 0.5rem 0.8rem !important; background: #102a6b !important; border: 0 !important; color: #ffffff !important; } .path-local-androcpd #region-main .tabtree .menubar-navigation [role="menu"] [role="menuitem"].aria-current-path, .path-local-androcpd #region-main .tabtree .menubar-navigation [role="menu"] [role="menuitem"][aria-current], .path-local-androcpd #region-main .tabtree .menubar-navigation [role="menu"] .cpdmenuselected { padding: 0.5rem 0.8rem !important; border: 0 !important; color: #ffffff !important; background: #102a6b !important; box-shadow: inset 3px 0 0 #66bfff; } /* Completion dashboard (andro_completion_dashboard) contrast controls */ #region-main [id^="rcd_"], #region-main [class*="rcd_"] { color: #eaf0ff !important; } #region-main canvas.rcd_chart, #region-main .rcd_chart.chartjs-render-monitor { filter: saturate(0.52) brightness(0.76) contrast(1.1) !important; } /* Force chart title/label contrast on the completion dashboard donuts. */ #region-main #mandatory_chart, #region-main #optional_chart { filter: invert(1) hue-rotate(180deg) brightness(0.72) saturate(0.72) contrast(1.08) !important; } #region-main .rcd_chart_wrapper, #region-main .rcd_chart_wrapper h1, #region-main .rcd_chart_wrapper h2, #region-main .rcd_chart_wrapper h3, #region-main .rcd_chart_wrapper h4, #region-main .rcd_chart_wrapper p, #region-main .rcd_chart_container h1, #region-main .rcd_chart_container h2, #region-main .rcd_chart_container h3, #region-main .rcd_chart_container h4, #region-main .rcd_chart_container p { color: #f5f9ff !important; } #region-main #rcd_mandatory > tr > th, #region-main #rcd_optional > tr > th { background: #102a6b !important; border-top: 1px solid #4f76bc !important; border-bottom: 1px solid #4f76bc !important; color: #ffffff !important; } #region-main #rcd_mandatory > tr > th heading, #region-main #rcd_optional > tr > th heading { display: block !important; color: #ffffff !important; font-weight: 700 !important; } /* Widen the Progress column so labels like "Untracked" fit cleanly. */ #region-main .rcd_table tr > th:nth-child(3), #region-main .rcd_table tr > td:nth-child(3) { width: 146px !important; min-width: 146px !important; } /* Center the Status column text. */ #region-main .rcd_table tr > th:nth-child(2), #region-main .rcd_table tr > td:nth-child(2) { text-align: center; } /* Hide now-empty Status column. */ #region-main .rcd_table tr > th:nth-child(2), #region-main .rcd_table tr > td:nth-child(2) { display: none; } #region-main .rcd_expandwrap_inner { background: #0b1a3f !important; border: 1px solid #324a83 !important; } #region-main .rcd_expandwrap_inner > p { background: #102a6b !important; border: 1px solid #4f76bc !important; color: #f5f9ff !important; font-weight: 700 !important; margin: 0 0 8px 0 !important; padding: 8px 10px !important; } #region-main .rcd_expandwrap_inner table { background: #0a1533 !important; border: 1px solid #324a83 !important; } #region-main .rcd_expandwrap_inner .rcd_inner_headingrow th { background: #102a6b !important; border: 1px solid #4f76bc !important; color: #ffffff !important; } #region-main .rcd_expandwrap_inner td { background: #0f1c42 !important; border: 1px solid #2f4f92 !important; color: #eaf0ff !important; } #region-main .rcd_expandwrap_inner tr:nth-child(even) td { background: #132552 !important; } #region-main .rcd_expandwrap_inner table tr:has(> td:nth-child(4).rcd_date) > td:nth-child(3) { color: transparent !important; text-align: center; } /* Expanded criteria table: mirror the green completion bar for completed status cells. */ #region-main .rcd_expandwrap_inner table tr:has(> td:nth-child(4).rcd_date) > td:nth-child(3)::after { content: "Completed"; display: inline-flex; align-items: center; justify-content: center; min-width: 120px; height: 20px; padding: 0 10px; border-radius: 2px; background-color: var(--rmh-success-green); color: #ffffff; font-weight: 600; font-size: 12px; line-height: 1; } #region-main .rcd_expandwrap_inner a { color: #dce8ff !important; } #region-main .rcd_expandwrap_inner a:hover, #region-main .rcd_expandwrap_inner a:focus { color: #ffffff !important; } /* Forum advanced search page */ #page-mod-forum-search #region-main .box.generalbox.searchbox, #page-mod-forum-search #region-main .box.generalbox { background: #0f1b3d !important; border: 1px solid #4b5f8f !important; box-shadow: none !important; } #page-mod-forum-search #region-main .box.generalbox > p, #page-mod-forum-search #region-main .box.generalbox p, #page-mod-forum-search #region-main .box.generalbox label, #page-mod-forum-search #region-main .box.generalbox legend { color: #eaf0ff !important; } #page-mod-forum-search #region-main table.searchbox, #page-mod-forum-search #region-main table.searchbox > tbody, #page-mod-forum-search #region-main table.searchbox > tbody > tr { background: transparent !important; } #page-mod-forum-search #region-main table.searchbox > tbody > tr > td { background: #101f46 !important; border-top: 1px solid #2f4f92 !important; border-bottom: 1px solid #2f4f92 !important; color: #eaf0ff !important; } #page-mod-forum-search #region-main table.searchbox > tbody > tr > td.c0 { border-left: 1px solid #2f4f92 !important; border-right: 0 !important; color: #dce8ff !important; font-weight: 600; } #page-mod-forum-search #region-main table.searchbox > tbody > tr > td.c1 { border-left: 0 !important; border-right: 1px solid #2f4f92 !important; } #page-mod-forum-search #region-main table.searchbox td.submit { background: transparent !important; border: 0 !important; } #page-mod-forum-search #region-main form input[type="text"], #page-mod-forum-search #region-main form input[type="search"], #page-mod-forum-search #region-main form input[type="date"], #page-mod-forum-search #region-main form select, #page-mod-forum-search #region-main form textarea { background: #0a1533 !important; color: #f8faff !important; border: 1px solid #6f83b3 !important; } #page-mod-forum-search #region-main form input[type="checkbox"] { accent-color: #66bfff; } #page-mod-forum-search #region-main form input[type="submit"], #page-mod-forum-search #region-main form .btn { background: #0a215c !important; border: 1px solid #0096ff !important; color: #ffffff !important; } #page-mod-forum-search #region-main form input[type="submit"]:hover, #page-mod-forum-search #region-main form input[type="submit"]:focus, #page-mod-forum-search #region-main form .btn:hover, #page-mod-forum-search #region-main form .btn:focus { background: #07163e !important; border-color: #4c73be !important; } #page-mod-forum-search #region-main .form-autocomplete-selection, #page-mod-forum-search #region-main .form-autocomplete-downarrow-container, #page-mod-forum-search #region-main .form-autocomplete-suggestions { background: #0a1533 !important; color: #eaf0ff !important; border-color: #6f83b3 !important; } #page-mod-forum-search #region-main .box.generalbox .dimmed, #page-mod-forum-search #region-main .box.generalbox .dimmed_text { color: #dce8ff !important; opacity: 1 !important; } /* Calendar upcoming events page */ #page-calendar-view .maincalendar, #page-calendar-view .maincalendar .heightcontainer { color: #eaf0ff !important; } #page-calendar-view .maincalendar .header label { color: #eaf0ff !important; font-weight: 600; } #page-calendar-view .maincalendar .header .custom-select { background: #0a1533 !important; border: 1px solid #6f83b3 !important; color: #f8faff !important; } #page-calendar-view .maincalendar .eventlist .event .card { background: transparent !important; border: 0 !important; box-shadow: none !important; } #page-calendar-view .maincalendar .eventlist .event .card-header, #page-calendar-view .maincalendar .eventlist .event .box.card-header { background: transparent !important; border-bottom: 1px solid #4b5f8f !important; } #page-calendar-view .maincalendar .eventlist .event .card-block { background: transparent !important; color: #eaf0ff !important; } #page-calendar-view .maincalendar .eventlist .event .date, #page-calendar-view .maincalendar .eventlist .event .course, #page-calendar-view .maincalendar .eventlist .event .course a, #page-calendar-view .maincalendar .eventlist .event .description, #page-calendar-view .maincalendar .eventlist .event .description p { color: #dce8ff !important; } #page-calendar-view .maincalendar .eventlist .event h3.referer a { color: #eaf0ff !important; } #page-calendar-view .maincalendar .eventlist .event h3.referer a:hover, #page-calendar-view .maincalendar .eventlist .event h3.referer a:focus, #page-calendar-view .maincalendar .eventlist .event .course a:hover, #page-calendar-view .maincalendar .eventlist .event .course a:focus { color: #9edbff !important; } #page-calendar-view .mod_facetoface__event_details__sessions, #page-calendar-view .mod_facetoface__event_details__sessions__rowheader, #page-calendar-view .mod_facetoface__event_details__sessions__row, #page-calendar-view .mod_facetoface__event_details__sessions__cell { background: transparent !important; color: #eaf0ff !important; border-color: #324a83 !important; } #page-calendar-view .mod_facetoface__event_details__sessions__cellheader, #page-calendar-view .mod_facetoface__event_details__sessions__rowheader .mod_facetoface__event_details__sessions__cell { background: transparent !important; color: #dce8ff !important; } #page-calendar-view .maincalendar .bottom .ical-link { color: #9edbff !important; } #page-calendar-view .maincalendar .bottom .singlebutton input[type="submit"] { background: var(--btn-bg-color) !important; border: none !important; color: #eaf0ff !important; box-shadow: none !important; } #page-calendar-view .maincalendar .bottom .singlebutton input[type="submit"]:hover, #page-calendar-view .maincalendar .bottom .singlebutton input[type="submit"]:focus { background: var(--btn-bg-color-focus) !important; border: none !important; color: #ffffff !important; } #page-calendar-view .maincalendar .bottom .ical-link:hover, #page-calendar-view .maincalendar .bottom .ical-link:focus { color: #ffffff !important; } /* Seminar event sign-up page: replace the legacy light sidebar card with dark surfaces. */ #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content > h2 { color: #f8fbff !important; font-weight: 700 !important; line-height: 1.08; margin: 1rem 0 1.1rem !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__intro, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventdetail, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventdetail__section { border: 0 !important; box-shadow: none !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__management { border-bottom: 0 !important; box-shadow: none !important; margin: 0 0 1.15rem !important; padding: 0 !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__management__items { display: flex !important; flex-wrap: wrap; gap: 0.55rem; margin: 0 !important; padding: 0 !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__management__item { list-style: none !important; margin: 0 !important; padding: 0 !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__management__item > a { display: inline-flex !important; align-items: center; min-height: 2.12rem; padding: 0.42rem 0.78rem !important; background: #16305f !important; background-image: none !important; border: 0 !important; border-radius: 0.42rem !important; box-shadow: none !important; color: #eaf0ff !important; font-weight: 600 !important; line-height: 1.2; text-decoration: none !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__management__item > a:hover, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__management__item > a:focus, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__management__item > a:focus-visible { background: #17366f !important; color: #ffffff !important; text-decoration: none !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel { background: linear-gradient(180deg, #162d5f 0%, #112550 100%) !important; border: 0 !important; border-radius: 0.8rem !important; box-shadow: none !important; color: #e8f0ff !important; justify-content: flex-start !important; max-width: 29rem !important; min-height: 0 !important; margin-left: auto !important; padding: 1.35rem 1.45rem 1.5rem !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform > .fdescription.required { margin: 0 0 0.6rem !important; color: #d8e6ff !important; font-size: inherit !important; line-height: 1.45; max-width: none; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform > h3 { margin: 0 0 0.95rem !important; color: #f8fbff !important; font-weight: 700 !important; font-size: 2.05rem; line-height: 1.03; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform .fitemtitle, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform .fitemtitle label, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform .fitemtitle span { color: #eef4ff !important; font-weight: 600 !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform .helptooltip .iconhelp, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform .helptooltip .flex-icon { color: #cfe0ff !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform .fitem { margin-bottom: 0.9rem !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform .fitem .felement { padding-top: 0.42rem !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform #fitem_id_submitbutton { margin-top: 0.15rem !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform :is(input[type="text"], select, textarea) { background: #0a1533 !important; background-color: #0a1533 !important; border: 1px solid #4b5f8f !important; border-radius: 0.55rem !important; box-shadow: none !important; color: #f8faff !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform :is(input[type="text"], textarea)::placeholder { color: #c7d6f7 !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform :is(input[type="submit"], .btn, [class*="__btn"], [class*="_button"]), #page-mod-facetoface-eventinfo #region-main a.mod_facetoface__eventinfo__content__management__viewattendees { background: #1347a0 !important; background-image: none !important; border: none !important; border-radius: 0.5rem !important; box-shadow: none !important; color: #ffffff !important; outline: none !important; text-decoration: none !important; text-shadow: none !important; transform: none !important; transition: background-color 140ms ease, color 140ms ease !important; } #page-mod-facetoface-eventinfo #region-main a.mod_facetoface__eventinfo__content__management__viewattendees { background: #1347a0 !important; color: #ffffff !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform :is(input[type="submit"], .btn, [class*="__btn"], [class*="_button"]):hover, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform :is(input[type="submit"], .btn, [class*="__btn"], [class*="_button"]):focus, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform :is(input[type="submit"], .btn, [class*="__btn"], [class*="_button"]):focus-visible, #page-mod-facetoface-eventinfo #region-main a.mod_facetoface__eventinfo__content__management__viewattendees:hover, #page-mod-facetoface-eventinfo #region-main a.mod_facetoface__eventinfo__content__management__viewattendees:focus, #page-mod-facetoface-eventinfo #region-main a.mod_facetoface__eventinfo__content__management__viewattendees:focus-visible, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__sidebar__panel > .mform [aria-expanded="true"] { background: #1a5ecf !important; background-image: none !important; border: none !important; box-shadow: none !important; color: #ffffff !important; outline: none !important; text-decoration: none !important; text-shadow: none !important; transform: none !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__intro .no-overflow { max-width: none; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__intro .no-overflow p:empty { display: none !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__intro .no-overflow h4 { margin: 0 0 1rem !important; line-height: 1.14; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__intro .no-overflow p { margin: 0 0 1rem !important; line-height: 1.58; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__intro .no-overflow ul { margin: 0.35rem 0 1.1rem 1.1rem !important; padding-left: 1rem !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__intro .no-overflow li { margin-bottom: 0.2rem !important; line-height: 1.5; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__intro .no-overflow :is(b, strong) { color: #f8fbff !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventdetail__heading { margin: 0 0 0.7rem !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventdetail__heading > a { color: #f8fbff !important; display: inline-flex !important; align-items: center; font-weight: 700 !important; text-decoration: none !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventdetail__heading > a:hover, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventdetail__heading > a:focus, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventdetail__heading > a:focus-visible { color: #ffffff !important; text-decoration: none !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventdetail__section > dl > dt { color: #f8fbff !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventinfo .mod_facetoface__eventinfo__content__eventdetail__section { background: transparent !important; border-radius: 0 !important; margin-bottom: 0 !important; padding: 0 !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventinfo .mod_facetoface__eventinfo__content__eventdetail__section > dl { display: grid !important; gap: 0.68rem 1rem; grid-template-columns: minmax(11rem, auto) minmax(0, 1fr); margin: 0 !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventinfo .mod_facetoface__eventinfo__content__eventdetail__section > dl > dt { color: #d8e6ff !important; font-size: inherit !important; letter-spacing: 0; margin: 0 !important; text-transform: none; font-weight: 700 !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventinfo .mod_facetoface__eventinfo__content__eventdetail__section > dl > dd { color: #f8fbff !important; font-weight: 600 !important; margin: 0 !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventinfo .mod_facetoface__eventinfo__content__eventdetail__section > dl > dd:nth-of-type(2) { color: #d8ffee !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__capacity__maximum { color: #cfe0ff !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__event_details__sessions__rowheader { background: #17315f !important; border-bottom: 0 !important; color: #f8faff !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__event_details__sessions { background: #101f46 !important; border-radius: 0.72rem !important; margin-top: 0.55rem !important; overflow: hidden !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__event_details__sessions__cellheader, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__event_details__sessions__rowheader .mod_facetoface__event_details__sessions__cell { background: transparent !important; color: #dce8ff !important; padding: 0.82rem 0.95rem !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__event_details__sessions__row { border-bottom: 0 !important; box-shadow: inset 0 1px 0 #324a83; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__event_details__sessions__row > .mod_facetoface__event_details__sessions__cell { background: transparent !important; color: #eaf0ff !important; padding: 0.9rem 0.95rem 0.95rem !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__event_details__sessions__cell--status { color: #f8fbff !important; font-weight: 700 !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__event_details__sessions__cellheader, #page-mod-facetoface-eventinfo #region-main .mod_facetoface__sessionlist__timezone { color: #c9d8fb !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__event_details__sessions__cellheader { background: transparent !important; font-size: inherit !important; font-weight: 700 !important; letter-spacing: 0; padding: 0.76rem 0.95rem 0.24rem !important; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__sessionlist__timezone { display: block; font-size: inherit !important; margin-top: 0.3rem; } /* Facetoface attendee picker: restore list contrast and make action controls read as buttons. */ #page-mod-facetoface-attendees-list-add #region-main #assignform { color: #eaf0ff !important; } #page-mod-facetoface-attendees-list-add #region-main .user-multiselect label, #page-mod-facetoface-attendees-list-add #region-main .f2f-ignoreconflicts-checkbox label { color: #eef4ff !important; font-weight: 700 !important; } #page-mod-facetoface-attendees-list-add #region-main .user-multiselect select[multiple=multiple] { background: #0a1533 !important; background-color: #0a1533 !important; border: 1px solid #6f83b3 !important; border-radius: 0.6rem !important; box-shadow: none !important; color: #eef4ff !important; } #page-mod-facetoface-attendees-list-add #region-main .user-multiselect select[multiple=multiple] option, #page-mod-facetoface-attendees-list-add #region-main .user-multiselect select[multiple=multiple] optgroup { background: #0a1533 !important; color: #eef4ff !important; -webkit-text-fill-color: #eef4ff !important; } #page-mod-facetoface-attendees-list-add #region-main #removeselect option[disabled], #page-mod-facetoface-attendees-list-add #region-main #removeselect option:disabled { background: #0a1533 !important; color: #d2def8 !important; font-weight: 500 !important; -webkit-text-fill-color: #d2def8 !important; opacity: 1 !important; } #page-mod-facetoface-attendees-list-add #region-main #removeselect option:not([disabled]), #page-mod-facetoface-attendees-list-add #region-main #addselect option { background: #0a1533 !important; color: #f8fbff !important; -webkit-text-fill-color: #f8fbff !important; } #page-mod-facetoface-attendees-list-add #region-main #removeselect option:not([disabled]) { background: #17366f !important; color: #ffffff !important; font-weight: 700 !important; -webkit-text-fill-color: #ffffff !important; } #page-mod-facetoface-attendees-list-add #region-main #addselect optgroup { background: #132452 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 700 !important; } #page-mod-facetoface-attendees-list-add #region-main .user-multiselect select[multiple=multiple] option:checked, #page-mod-facetoface-attendees-list-add #region-main .user-multiselect select[multiple=multiple] option[selected] { background: #17366f !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } #page-mod-facetoface-attendees-list-add #region-main .user-multiselect :is(input[type="text"], select, textarea) { background: #0a1533 !important; background-color: #0a1533 !important; border: 1px solid #6f83b3 !important; border-radius: 0.5rem !important; box-shadow: none !important; color: #f8faff !important; } #page-mod-facetoface-attendees-list-add #region-main .user-multiselect :is(input[type="text"], textarea)::placeholder { color: #c7d6f7 !important; } #page-mod-facetoface-attendees-list-add #region-main .mod_facetoface-addremove { display: flex !important; flex-direction: column; align-items: center; gap: 0.7rem; } #page-mod-facetoface-attendees-list-add #region-main :is(#add, #remove, #search, #clearsearch, #searchtoremovereset, #next, #cancel) { appearance: none; -webkit-appearance: none; background: #1347a0 !important; background-image: none !important; border: none !important; border-radius: 0.5rem !important; box-shadow: none !important; color: #ffffff !important; display: inline-flex !important; align-items: center; justify-content: center; font-weight: 700 !important; line-height: 1.2 !important; min-height: 2.8rem !important; outline: none !important; padding: 0.68rem 1.2rem !important; text-decoration: none !important; text-shadow: none !important; transform: none !important; } #page-mod-facetoface-attendees-list-add #region-main :is(#add, #remove) { min-width: 6.4rem !important; } #page-mod-facetoface-attendees-list-add #region-main :is(#search, #clearsearch, #searchtoremovereset) { margin-left: 0.45rem !important; } #page-mod-facetoface-attendees-list-add #region-main :is(#add, #remove, #search, #clearsearch, #searchtoremovereset, #next, #cancel):hover, #page-mod-facetoface-attendees-list-add #region-main :is(#add, #remove, #search, #clearsearch, #searchtoremovereset, #next, #cancel):focus, #page-mod-facetoface-attendees-list-add #region-main :is(#add, #remove, #search, #clearsearch, #searchtoremovereset, #next, #cancel):focus-visible { background: #1a5ecf !important; background-image: none !important; border: none !important; box-shadow: none !important; color: #ffffff !important; outline: none !important; } #page-mod-facetoface-attendees-list-add #region-main .f2f-ignoreconflicts-checkbox { margin: 0.8rem 0 0.95rem !important; padding: 0 !important; } #page-mod-facetoface-attendees-list-add #region-main #next, #page-mod-facetoface-attendees-list-add #region-main #cancel { margin-right: 0.55rem !important; } #page-mod-facetoface-attendees-list-add #region-main :is(#interested, #ignoreconflicts) { accent-color: #1347a0; } @media only screen and (max-width: 767px) { #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__management__items { flex-direction: column; align-items: flex-start; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__management__item > a { width: 100%; } #page-mod-facetoface-eventinfo #region-main .mod_facetoface__eventinfo__content__eventinfo .mod_facetoface__eventinfo__content__eventdetail__section > dl { grid-template-columns: 1fr; gap: 0.28rem; } #page-mod-facetoface-attendees-list-add #region-main :is(#search, #clearsearch, #searchtoremovereset) { margin: 0.45rem 0 0 0 !important; } } #page-calendar-view .calendar_filters ul { list-style: none; margin: 0; padding: 0; } #page-calendar-view .calendar_filters li.calendar_event a { display: flex; align-items: center; gap: 8px; background: #101f46 !important; border: 1px solid #324a83 !important; border-radius: 4px; color: #dce8ff !important; margin-bottom: 8px; padding: 6px 8px; text-decoration: none !important; } #page-calendar-view .calendar_filters li.calendar_event a:hover, #page-calendar-view .calendar_filters li.calendar_event a:focus { background: #163a80 !important; border-color: #66bfff !important; color: #ffffff !important; } #page-calendar-view .calendar_filters .eventname { color: inherit !important; } #page-calendar-view .calendar_filters .calendar_event_global, #page-calendar-view .calendar_filters .calendar_event_course, #page-calendar-view .calendar_filters .calendar_event_group, #page-calendar-view .calendar_filters .calendar_event_user { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 4px; border: 1px solid transparent; } #page-calendar-view .calendar_filters .calendar_event_global { background: #17356e !important; border-color: #66bfff !important; } #page-calendar-view .calendar_filters .calendar_event_course { background: #0b4b5d !important; border-color: #4c73be !important; } #page-calendar-view .calendar_filters .calendar_event_group { background: #213554 !important; border-color: #6f83b3 !important; } #page-calendar-view .calendar_filters .calendar_event_user { background: #5a4300 !important; border-color: #ffbf12 !important; } #page-calendar-view .calendar_filters .calendar_event_global .flex-icon, #page-calendar-view .calendar_filters .calendar_event_course .flex-icon, #page-calendar-view .calendar_filters .calendar_event_group .flex-icon, #page-calendar-view .calendar_filters .calendar_event_user .flex-icon { color: #f8faff !important; } #page-calendar-view .minicalendarblock { margin-bottom: 14px; } #page-calendar-view table.minicalendar.calendartable { width: 100%; background: #0f1b3d !important; border: 1px solid #324a83 !important; border-collapse: collapse !important; } #page-calendar-view table.minicalendar.calendartable caption h3, #page-calendar-view table.minicalendar.calendartable caption h3 a { color: #eaf0ff !important; } #page-calendar-view table.minicalendar.calendartable th { background: #12224a !important; border: 1px solid #324a83 !important; color: #dce8ff !important; } #page-calendar-view table.minicalendar.calendartable td { background: #0d1a3c !important; border: 1px solid #324a83 !important; color: #eaf0ff !important; } #page-calendar-view table.minicalendar.calendartable td.dayblank { background: #0a1533 !important; color: #7f93c2 !important; } #page-calendar-view table.minicalendar.calendartable td.weekend { background: #11214a !important; } #page-calendar-view table.minicalendar.calendartable td.hasevent { background: #1a3068 !important; } #page-calendar-view table.minicalendar.calendartable td.hasevent a { color: #ffffff !important; font-weight: 700; } #page-calendar-view table.minicalendar.calendartable td.today { background: #5a4300 !important; border-color: #ffbf12 !important; color: #fff2cc !important; } #page-calendar-view table.minicalendar.calendartable td.today a { color: #fff2cc !important; } #page-calendar-view table.minicalendar.calendartable td a { color: inherit !important; text-decoration: underline; text-decoration-color: rgba(220, 232, 255, 0.6); } #page-calendar-view table.minicalendar.calendartable td a:hover, #page-calendar-view table.minicalendar.calendartable td a:focus { color: #ffffff !important; text-decoration-color: #ffffff; } #page-calendar-view .popover, #page-calendar-view .popover .popover-content { background: #0f1b3d !important; border-color: #4b5f8f !important; color: #eaf0ff !important; } #page-calendar-view .popover .popover-title { background: #0a215c !important; border-bottom: 1px solid #4b5f8f !important; color: #f8faff !important; } /* Course reminders editor page */ #page-course-reminders .collapsible-actions a { color: #dce8ff !important; } #page-course-reminders .collapsible-actions a:hover, #page-course-reminders .collapsible-actions a:focus { color: #ffffff !important; } #page-course-reminders #mform1 fieldset { border-top: 1px solid #4b5f8f !important; } #page-course-reminders #mform1 legend.ftoggler { color: #eaf0ff !important; } #page-course-reminders #mform1 .fitemtitle, #page-course-reminders #mform1 .fitemtitle label, #page-course-reminders #mform1 .fitemtitle span { color: #eaf0ff !important; } #page-course-reminders #mform1 .helptooltip .iconhelp, #page-course-reminders #mform1 .helptooltip .flex-icon { color: #9edbff !important; } #page-course-reminders #mform1 .form-required { color: #f4a9b8 !important; } #page-course-reminders #mform1 textarea { background: #0a1533 !important; } #page-course-reminders #mform1 #id_submitbutton { background: #0a215c !important; border: 1px solid #0096ff !important; color: #ffffff !important; } #page-course-reminders #mform1 #id_submitbutton:hover, #page-course-reminders #mform1 #id_submitbutton:focus { background: #07163e !important; border-color: #66bfff !important; color: #ffffff !important; } #page-course-reminders #mform1 #id_cancel { background: #0f1b3d !important; border: 1px solid #6f83b3 !important; color: #eaf0ff !important; } #page-course-reminders #mform1 #id_cancel:hover, #page-course-reminders #mform1 #id_cancel:focus { background: #163a80 !important; border-color: #66bfff !important; color: #ffffff !important; } /* Course completion editor report table */ #page-totara-completioneditor-course_completion #region-main .rb-display-table-container, #page-totara-completioneditor-course_completion #region-main .rb-display-table-container .totara-table-container, #page-totara-completioneditor-course_completion #region-main .rb-display-table-container .nobox, .path-totara-completioneditor #region-main .rb-display-table-container, .path-totara-completioneditor #region-main .rb-display-table-container .totara-table-container, .path-totara-completioneditor #region-main .rb-display-table-container .nobox { background: #0f1b3d !important; border: 1px solid #4b5f8f !important; color: #eaf0ff !important; } #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table, #page-totara-completioneditor-course_completion #region-main table.totaratable.reportbuilder-table, .path-totara-completioneditor #region-main table.reportbuilder-table, .path-totara-completioneditor #region-main table.totaratable.reportbuilder-table { background: #101f46 !important; border: 1px solid #4b5f8f !important; color: #eaf0ff !important; } #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table thead th, #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table tr th.header, .path-totara-completioneditor #region-main table.reportbuilder-table thead th, .path-totara-completioneditor #region-main table.reportbuilder-table tr th.header { background: #132452 !important; border: 1px solid #4b5f8f !important; color: #f8faff !important; } #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table tbody tr, #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table tbody tr.last, #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table tbody tr.odd, #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table tbody tr.even, .path-totara-completioneditor #region-main table.reportbuilder-table tbody tr, .path-totara-completioneditor #region-main table.reportbuilder-table tbody tr.last, .path-totara-completioneditor #region-main table.reportbuilder-table tbody tr.odd, .path-totara-completioneditor #region-main table.reportbuilder-table tbody tr.even { background: #101f46 !important; } #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table tbody td, #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table tr td.cell, .path-totara-completioneditor #region-main table.reportbuilder-table tbody td, .path-totara-completioneditor #region-main table.reportbuilder-table tr td.cell { background: #101f46 !important; border: 1px solid #324a83 !important; color: #eaf0ff !important; } #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table tbody tr:hover td, #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table tbody tr:focus-within td, .path-totara-completioneditor #region-main table.reportbuilder-table tbody tr:hover td, .path-totara-completioneditor #region-main table.reportbuilder-table tbody tr:focus-within td { background: #163a80 !important; color: #ffffff !important; } #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table td a, #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table th a, .path-totara-completioneditor #region-main table.reportbuilder-table td a, .path-totara-completioneditor #region-main table.reportbuilder-table th a { color: #dce8ff !important; } #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table td a:hover, #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table td a:focus, #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table th a:hover, #page-totara-completioneditor-course_completion #region-main table.reportbuilder-table th a:focus, .path-totara-completioneditor #region-main table.reportbuilder-table td a:hover, .path-totara-completioneditor #region-main table.reportbuilder-table td a:focus, .path-totara-completioneditor #region-main table.reportbuilder-table th a:hover, .path-totara-completioneditor #region-main table.reportbuilder-table th a:focus { color: #ffffff !important; } /* Notifications preference page */ #page-totara-notification-notification_preference #region-main, #page-totara-notification-notification_preference #region-main > div[role="main"] { color: #eaf0ff !important; } #page-totara-notification-notification_preference #region-main a { color: #dce8ff !important; } #page-totara-notification-notification_preference #region-main a:hover, #page-totara-notification-notification_preference #region-main a:focus { color: #ffffff !important; } #page-totara-notification-notification_preference #region-main h1, #page-totara-notification-notification_preference #region-main h2, #page-totara-notification-notification_preference #region-main h3, #page-totara-notification-notification_preference #region-main h4 { color: #f8faff !important; } #page-totara-notification-notification_preference #region-main button:not(.btn):not([role="switch"]):not(.tui-toggleSwitch__btn):not(.tui-toggleBtn), #page-totara-notification-notification_preference #region-main [role="button"]:not(.btn):not([role="switch"]):not(.tui-toggleSwitch__btn):not(.tui-toggleBtn) { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #dce8ff !important; } #page-totara-notification-notification_preference #region-main button:not(.btn):not([role="switch"]):not(.tui-toggleSwitch__btn):not(.tui-toggleBtn):hover, #page-totara-notification-notification_preference #region-main button:not(.btn):not([role="switch"]):not(.tui-toggleSwitch__btn):not(.tui-toggleBtn):focus, #page-totara-notification-notification_preference #region-main [role="button"]:not(.btn):not([role="switch"]):not(.tui-toggleSwitch__btn):not(.tui-toggleBtn):hover, #page-totara-notification-notification_preference #region-main [role="button"]:not(.btn):not([role="switch"]):not(.tui-toggleSwitch__btn):not(.tui-toggleBtn):focus { color: #ffffff !important; } /* Totara TUI notification toggles (ToggleSwitch component) */ #page-totara-notification-notification_preference #region-main { --form-toggle-off-bg-color: #3a131a; --form-toggle-off-bg-color-hover-focus: #4e1b24; --form-toggle-off-bg-color-disabled: #2d1218; --form-toggle-border-color: #f07a8a; --form-toggle-border-color-disabled: #8a5b62; --form-toggle-on-bg-color: #0e3d29; --form-toggle-on-bg-color-hover-focus: #145739; --form-toggle-on-bg-color-disabled: #184b34; --form-toggle-on-border-color: #64d89d; --form-toggle-on-border-color-hover-focus: #7be6af; } #page-totara-notification-notification_preference #region-main .tui-toggleSwitch__ui:before { background-color: #3a131a !important; border-color: #f07a8a !important; } #page-totara-notification-notification_preference #region-main .tui-toggleSwitch__ui:after { background-color: #ff5a6f !important; box-shadow: 0 0 0 1px rgba(32, 4, 8, 0.8), 0 0 6px rgba(255, 90, 111, 0.55); } #page-totara-notification-notification_preference #region-main .tui-toggleSwitch__btn[aria-pressed="true"] ~ .tui-toggleSwitch__ui:before, #page-totara-notification-notification_preference #region-main .tui-toggleSwitch__btn[aria-pressed]:not([aria-pressed="false"]) ~ .tui-toggleSwitch__ui:before { background-color: #0e3d29 !important; border-color: #64d89d !important; } #page-totara-notification-notification_preference #region-main .tui-toggleSwitch__btn[aria-pressed="true"] ~ .tui-toggleSwitch__ui:after, #page-totara-notification-notification_preference #region-main .tui-toggleSwitch__btn[aria-pressed]:not([aria-pressed="false"]) ~ .tui-toggleSwitch__ui:after { background-color: #2fd27d !important; box-shadow: 0 0 0 1px rgba(3, 35, 20, 0.85), 0 0 6px rgba(47, 210, 125, 0.55); } #page-totara-notification-notification_preference #region-main .tui-toggleSwitch__btn:focus ~ .tui-toggleSwitch__ui { border-color: #ffbf12 !important; } #page-totara-notification-notification_preference #region-main [data-flex-icon*="info"], #page-totara-notification-notification_preference #region-main [data-flex-icon*="notification"] { color: #66bfff !important; } #page-totara-notification-notification_preference #region-main [aria-expanded] { background: transparent !important; border: 0 !important; color: #eaf0ff !important; box-shadow: none !important; } #page-totara-notification-notification_preference #region-main [aria-expanded]:hover, #page-totara-notification-notification_preference #region-main [aria-expanded]:focus { color: #ffffff !important; } #page-totara-notification-notification_preference #region-main [aria-expanded]:focus-visible { outline: 2px solid #ffbf12 !important; outline-offset: 2px !important; border-radius: 4px; } #page-totara-notification-notification_preference #region-main [aria-expanded] .flex-icon, #page-totara-notification-notification_preference #region-main [aria-expanded] [data-flex-icon] { color: #eaf0ff !important; } #page-totara-notification-notification_preference #region-main [data-flex-icon*="chevron"], #page-totara-notification-notification_preference #region-main [data-flex-icon*="caret"], #page-totara-notification-notification_preference #region-main [data-flex-icon*="expanded"], #page-totara-notification-notification_preference #region-main [data-flex-icon*="collapsed"] { color: #f8faff !important; } #page-totara-notification-notification_preference #region-main .fa-chevron-up, #page-totara-notification-notification_preference #region-main .fa-chevron-down, #page-totara-notification-notification_preference #region-main .fa-caret-up, #page-totara-notification-notification_preference #region-main .fa-caret-down { color: #f8faff !important; } #page-totara-notification-notification_preference #region-main .tui-collapsible__header-icon, #page-totara-notification-notification_preference #region-main .tui-collapsible__header .tui-svgIcon, #page-totara-notification-notification_preference #region-main .tui-collapsible__header button .tui-svgIcon { color: #ffffff !important; fill: currentColor !important; opacity: 1 !important; filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.85)); } #page-totara-notification-notification_preference #region-main [data-flex-icon*="warning"], #page-totara-notification-notification_preference #region-main .fa-exclamation-triangle { color: #ffbf12 !important; } /* Notifications admin page */ #page-admin-totara-notification-notifications { --color-background: #0f1b3d; --color-border: #4b5f8f; --color-text: #eaf0ff; --color-text-disabled: #90a4d3; --color-text-hint: #b8c6ea; --link-color: #dce8ff; --link-color-hover: #ffffff; --color-state: #dce8ff; --color-state-hover: #ffffff; --color-state-focus: #66bfff; --color-state-active: #cddcff; --dropdown-item-bg-color-hover: #132452; --dropdown-item-bg-color-focus: #163a80; --dropdown-item-text-color: #eaf0ff; --dropdown-item-text-color-hover: #ffffff; --dropdown-item-text-color-focus: #ffffff; --dropdown-item-text-color-disabled: #90a4d3; --dropdown-item-focus-ring-color: #66bfff; --dropdown-menu-bg-color: #101f46; --dropdown-menu-border-color: #4b5f8f; --datatable-cell-header-text-color: #f8faff; --datatable-row-bg-color: transparent; --datatable-row-bg-color-active: rgba(26, 94, 207, 0.14); --datatable-row-bg-color-focus: rgba(26, 94, 207, 0.18); --datatable-row-bg-color-odd: transparent; --datatable-row-border-color: rgba(220, 232, 255, 0.24); --datatable-row-first-border-color: #dce8ff; --datatable-expanded-bg-color: #0f1b3d; --datatable-expanded-border-color: #4b5f8f; --datatable-expanded-text-color: #eaf0ff; --collapsible-header-bg-color: transparent; --collapsible-header-border-color: transparent; --btn-shadow: none; --btn-shadow-focus: none; --btn-shadow-hover: none; --btn-shadow-active: none; --btn-bg-color: #1347a0; --btn-bg-color-hover: #1a5ecf; --btn-bg-color-focus: #1a5ecf; --btn-bg-color-active: #1a5ecf; --btn-bg-color-disabled: #203a73; --btn-border-color: transparent; --btn-border-color-hover: #0096ff; --btn-border-color-focus: #0096ff; --btn-border-color-active: #0096ff; --btn-border-color-disabled: transparent; --btn-text-color: #ffffff; --btn-text-color-hover: #ffffff; --btn-text-color-focus: #ffffff; --btn-text-color-active: #ffffff; --btn-text-color-disabled: #d3defa; --btn-prim-bg-color: #1347a0; --btn-prim-bg-color-hover: #1a5ecf; --btn-prim-bg-color-focus: #1a5ecf; --btn-prim-bg-color-active: #1a5ecf; --btn-prim-bg-color-disabled: #203a73; --btn-prim-border-color: transparent; --btn-prim-border-color-hover: #0096ff; --btn-prim-border-color-focus: #0096ff; --btn-prim-border-color-active: #0096ff; --btn-prim-border-color-disabled: transparent; --btn-prim-text-color: #ffffff; --btn-prim-text-color-hover: #ffffff; --btn-prim-text-color-focus: #ffffff; --btn-prim-text-color-active: #ffffff; --btn-prim-text-color-disabled: #d3defa; --form-toggle-off-bg-color: #081225; --form-toggle-off-bg-color-hover-focus: #102348; --form-toggle-off-bg-color-disabled: #0b1730; --form-toggle-border-color: #4b5f8f; --form-toggle-border-color-disabled: #33476f; --form-toggle-on-bg-color: #0e3d29; --form-toggle-on-bg-color-hover-focus: #145739; --form-toggle-on-bg-color-disabled: #184b34; --form-toggle-on-border-color: #64d89d; --form-toggle-on-border-color-hover-focus: #7be6af; --form-toggle-dot-color: #f8faff; } #page-admin-totara-notification-notifications #region-main, #page-admin-totara-notification-notifications #region-main [role="main"], #page-admin-totara-notification-notifications .tui-layoutOneColumn { color: #eaf0ff !important; } #page-admin-totara-notification-notifications a { color: #dce8ff !important; } #page-admin-totara-notification-notifications a:hover, #page-admin-totara-notification-notifications a:focus { color: #ffffff !important; } #page-admin-totara-notification-notifications h1, #page-admin-totara-notification-notifications h2, #page-admin-totara-notification-notifications h3, #page-admin-totara-notification-notifications h4, #page-admin-totara-notification-notifications .tui-layoutOneColumn__heading, #page-admin-totara-notification-notifications .tui-layoutOneColumn__heading * { color: #f8faff !important; } #page-admin-totara-notification-notifications .tui-formBtn:not(.tui-formBtn--transparent):not(.tui-formBtn--stealth):not(.tui-formBtn--reveal), #page-admin-totara-notification-notifications .tui-iconBtn:not(.tui-iconBtn--transparent):not(.tui-iconBtn--transparent-noPadding):not(.tui-iconBtn--stealth), #page-admin-totara-notification-notifications .tui-actionLink:not(.tui-actionLink--srOnly) { background: #1347a0 !important; border-color: transparent !important; box-shadow: none !important; color: #ffffff !important; outline: none !important; } #page-admin-totara-notification-notifications .tui-formBtn:not(.tui-formBtn--transparent):not(.tui-formBtn--stealth):not(.tui-formBtn--reveal):hover, #page-admin-totara-notification-notifications .tui-formBtn:not(.tui-formBtn--transparent):not(.tui-formBtn--stealth):not(.tui-formBtn--reveal):focus, #page-admin-totara-notification-notifications .tui-formBtn:not(.tui-formBtn--transparent):not(.tui-formBtn--stealth):not(.tui-formBtn--reveal):active, #page-admin-totara-notification-notifications .tui-iconBtn:not(.tui-iconBtn--transparent):not(.tui-iconBtn--transparent-noPadding):not(.tui-iconBtn--stealth):hover, #page-admin-totara-notification-notifications .tui-iconBtn:not(.tui-iconBtn--transparent):not(.tui-iconBtn--transparent-noPadding):not(.tui-iconBtn--stealth):focus, #page-admin-totara-notification-notifications .tui-iconBtn:not(.tui-iconBtn--transparent):not(.tui-iconBtn--transparent-noPadding):not(.tui-iconBtn--stealth):active, #page-admin-totara-notification-notifications .tui-actionLink:not(.tui-actionLink--srOnly):hover, #page-admin-totara-notification-notifications .tui-actionLink:not(.tui-actionLink--srOnly):focus, #page-admin-totara-notification-notifications .tui-actionLink:not(.tui-actionLink--srOnly):active { background: #1a5ecf !important; border-color: #0096ff !important; box-shadow: none !important; color: #ffffff !important; outline: none !important; } #page-admin-totara-notification-notifications .tui-formBtn--transparent, #page-admin-totara-notification-notifications .tui-iconBtn--transparent, #page-admin-totara-notification-notifications .tui-iconBtn--transparent-noPadding, #page-admin-totara-notification-notifications .tui-formBtn--stealth, #page-admin-totara-notification-notifications .tui-iconBtn--stealth, #page-admin-totara-notification-notifications .tui-toggleSwitch__btn { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #dce8ff !important; outline: none !important; } #page-admin-totara-notification-notifications .tui-formBtn--transparent:hover, #page-admin-totara-notification-notifications .tui-formBtn--transparent:focus, #page-admin-totara-notification-notifications .tui-iconBtn--transparent:hover, #page-admin-totara-notification-notifications .tui-iconBtn--transparent:focus, #page-admin-totara-notification-notifications .tui-iconBtn--transparent-noPadding:hover, #page-admin-totara-notification-notifications .tui-iconBtn--transparent-noPadding:focus, #page-admin-totara-notification-notifications .tui-formBtn--stealth:hover, #page-admin-totara-notification-notifications .tui-formBtn--stealth:focus, #page-admin-totara-notification-notifications .tui-iconBtn--stealth:hover, #page-admin-totara-notification-notifications .tui-iconBtn--stealth:focus, #page-admin-totara-notification-notifications .tui-toggleSwitch__btn:hover, #page-admin-totara-notification-notifications .tui-toggleSwitch__btn:focus { color: #ffffff !important; } #page-admin-totara-notification-notifications .tui-notificationTable__collapsible + .tui-notificationTable__collapsible { border-top-color: rgba(220, 232, 255, 0.16) !important; } #page-admin-totara-notification-notifications .tui-notificationTable__collapsible > .tui-collapsible__header { background: transparent !important; border: 0 !important; } #page-admin-totara-notification-notifications .tui-notificationTable__collapsible > .tui-collapsible__header .tui-collapsible__header-button { padding-left: 0 !important; padding-right: 0 !important; } #page-admin-totara-notification-notifications .tui-collapsible__header-icon, #page-admin-totara-notification-notifications .tui-collapsible__header .tui-svgIcon, #page-admin-totara-notification-notifications .tui-dataTableHeaderCell, #page-admin-totara-notification-notifications .tui-dataTableCell__label, #page-admin-totara-notification-notifications .tui-notificationTable__header, #page-admin-totara-notification-notifications .tui-notificationTable__trigger, #page-admin-totara-notification-notifications .tui-popoverFrame, #page-admin-totara-notification-notifications .tui-popoverFrame__content, #page-admin-totara-notification-notifications .tui-modal__inner, #page-admin-totara-notification-notifications .tui-modalContent, #page-admin-totara-notification-notifications .tui-modalContent__header, #page-admin-totara-notification-notifications .tui-modalContent__footer { color: #f8faff !important; } #page-admin-totara-notification-notifications .tui-collapsible__header .tui-svgIcon { fill: currentColor !important; } #page-admin-totara-notification-notifications .tui-notificationTable__header .tui-svgIcon, #page-admin-totara-notification-notifications .tui-notificationTable__header .tui-iconBtn__icon { color: #66bfff !important; fill: currentColor !important; } #page-admin-totara-notification-notifications .tui-notificationTable__triggerWarning, #page-admin-totara-notification-notifications .tui-notificationTable__triggerWarning:hover, #page-admin-totara-notification-notifications .tui-notificationTable__triggerWarning:focus { color: #ffbf12 !important; } #page-admin-totara-notification-notifications .tui-notificationTable__subTable, #page-admin-totara-notification-notifications .tui-dataTableRow--expanded, #page-admin-totara-notification-notifications .tui-dataTableExpandableRow, #page-admin-totara-notification-notifications .tui-dataTableExpandableRow__content, #page-admin-totara-notification-notifications .tui-popoverFrame, #page-admin-totara-notification-notifications .tui-popoverFrame__content, #page-admin-totara-notification-notifications .tui-modal__inner, #page-admin-totara-notification-notifications .tui-modalContent, #page-admin-totara-notification-notifications .tui-modalContent__header, #page-admin-totara-notification-notifications .tui-modalContent__footer { background: #101f46 !important; border-color: #4b5f8f !important; } #page-admin-totara-notification-notifications .tui-dataTableRow--expanded, #page-admin-totara-notification-notifications .tui-dataTableExpandableRow { box-shadow: none !important; } #page-admin-totara-notification-notifications .tui-notificationTable__notification { background: #0f1b3d !important; border-color: #4b5f8f !important; color: #eaf0ff !important; } #page-admin-totara-notification-notifications .tui-notificationTable__notificationLabel, #page-admin-totara-notification-notifications .tui-formRow__desc, #page-admin-totara-notification-notifications .tui-formRow__details, #page-admin-totara-notification-notifications .tui-formRow__defaults { color: #b8c6ea !important; } #page-admin-totara-notification-notifications .tui-notificationTable__notificationContent, #page-admin-totara-notification-notifications .tui-notificationTable__notificationContent a { color: #eaf0ff !important; } #page-admin-totara-notification-notifications .tui-notificationTable__notificationContent del, #page-admin-totara-notification-notifications .tui-dataTableRow--disabled, #page-admin-totara-notification-notifications .tui-dataTableRow--disabled a { color: #90a4d3 !important; } /* Enrolled users page */ #page-enrol-users #region-main, #page-enrol-users #region-main > div[role="main"] { color: #eaf0ff !important; } #page-enrol-users #region-main h1, #page-enrol-users #region-main h2, #page-enrol-users #region-main h3, #page-enrol-users #region-main h4 { color: #f8faff !important; } #page-enrol-users #region-main .form-inline form#filterform { background: #0f1b3d !important; border: 1px solid #324a83 !important; border-radius: 6px; padding: 14px 16px; } #page-enrol-users #region-main #filterform .fitemtitle, #page-enrol-users #region-main #filterform .fitemtitle label { color: #dce8ff !important; } #page-enrol-users #region-main #filterform input[type="text"], #page-enrol-users #region-main #filterform select, #page-enrol-users .user-enroller-panel .uep-search input, #page-enrol-users .user-enroller-panel .uep-controls select { background: #0a1533 !important; border: 1px solid #6f83b3 !important; color: #eaf0ff !important; box-shadow: none !important; } #page-enrol-users #region-main #filterform input[type="text"]:focus, #page-enrol-users #region-main #filterform select:focus, #page-enrol-users .user-enroller-panel .uep-search input:focus, #page-enrol-users .user-enroller-panel .uep-controls select:focus { border-color: #66bfff !important; outline: none !important; box-shadow: 0 0 0 1px #66bfff !important; } #page-enrol-users #region-main #id_submitbutton, #page-enrol-users #region-main #id_resetbutton, #page-enrol-users #region-main .enrol_user_buttons .btn { background: #0a215c !important; border: 1px solid #0096ff !important; color: #ffffff !important; box-shadow: none !important; } #page-enrol-users #region-main #id_submitbutton:hover, #page-enrol-users #region-main #id_submitbutton:focus, #page-enrol-users #region-main #id_resetbutton:hover, #page-enrol-users #region-main #id_resetbutton:focus, #page-enrol-users #region-main .enrol_user_buttons .btn:hover, #page-enrol-users #region-main .enrol_user_buttons .btn:focus { background: #07163e !important; border-color: #66bfff !important; color: #ffffff !important; } #page-enrol-users #region-main table.userenrolment { background: transparent !important; border-color: #4b5f8f !important; } #page-enrol-users #region-main table.userenrolment thead th { background: #0a1533 !important; border-color: #4b5f8f !important; color: #f8faff !important; } #page-enrol-users #region-main table.userenrolment thead th a { color: #dce8ff !important; } #page-enrol-users #region-main table.userenrolment thead th a:hover, #page-enrol-users #region-main table.userenrolment thead th a:focus { color: #ffffff !important; } #page-enrol-users #region-main table.userenrolment tbody td { background: #0a1533 !important; border-color: #324a83 !important; color: #eaf0ff !important; } #page-enrol-users #region-main table.userenrolment tbody.empty td { background: #0a1533 !important; } #page-enrol-users #region-main table.userenrolment .flex-icon { color: #dce8ff !important; } /* Enrol users quick-enrol modal (YUI panel) */ #page-enrol-users .moodle-dialogue-base .moodle-dialogue, #page-enrol-users .moodle-dialogue-base .moodle-dialogue-wrap, #page-enrol-users .moodle-dialogue-base .moodle-dialogue-content, #page-enrol-users .user-enroller-panel { background: #0f1b3d !important; border-color: #4b5f8f !important; color: #eaf0ff !important; } #page-enrol-users .moodle-dialogue-base .moodle-dialogue-hd, #page-enrol-users .moodle-dialogue-base .yui3-widget-hd, #page-enrol-users .moodle-dialogue-base .moodle-dialogue-ft, #page-enrol-users .moodle-dialogue-base .yui3-widget-ft { background: #0a1533 !important; border-color: #4b5f8f !important; color: #f8faff !important; } #page-enrol-users .moodle-dialogue-base .moodle-dialogue-bd, #page-enrol-users .moodle-dialogue-base .yui3-widget-bd { background: #0f1b3d !important; color: #eaf0ff !important; } #page-enrol-users .moodle-dialogue-base .yui3-widget-buttons .closebutton, #page-enrol-users .moodle-dialogue-base .closebutton { color: #f8faff !important; } #page-enrol-users .user-enroller-panel .uep-search label, #page-enrol-users .user-enroller-panel .uep-searchoptions, #page-enrol-users .user-enroller-panel .uep-enrolment-option, #page-enrol-users .user-enroller-panel .totalusers { color: #dce8ff !important; } #page-enrol-users .user-enroller-panel .collapsiblearea { background: #0a1533 !important; border-color: #324a83 !important; } #page-enrol-users .user-enroller-panel .uep-search-results .user, #page-enrol-users .user-enroller-panel .uep-search-results .cohort { background: #0a1533 !important; border-top: 1px solid #324a83 !important; } #page-enrol-users .user-enroller-panel .uep-search-results .user.odd, #page-enrol-users .user-enroller-panel .uep-search-results .cohort.odd { background: #0c1a3a !important; } #page-enrol-users .user-enroller-panel .uep-search-results .user:hover, #page-enrol-users .user-enroller-panel .uep-search-results .cohort:hover { background: #132a59 !important; } #page-enrol-users .user-enroller-panel .uep-search-results .user .details .fullname, #page-enrol-users .user-enroller-panel .uep-search-results .cohort .details .fullname { color: #f8faff !important; font-weight: 700; } #page-enrol-users .user-enroller-panel .uep-search-results .user .details .extrafields, #page-enrol-users .user-enroller-panel .uep-search-results .cohort .details .extrafields, #page-enrol-users .user-enroller-panel .uep-search-results .user .details, #page-enrol-users .user-enroller-panel .uep-search-results .cohort .details { color: #dce8ff !important; } /* Dim and replace default profile placeholder with CSS-only night avatar */ #page-enrol-users .user-enroller-panel .uep-search-results .picture img.userpicture.defaultuserpic { opacity: 0 !important; } #page-enrol-users .user-enroller-panel .uep-search-results .picture a:has(> img.userpicture.defaultuserpic) { position: relative; display: block; width: 35px; height: 35px; border-radius: 50%; overflow: hidden; background: radial-gradient(circle at 30% 24%, #233b64 0%, #13284a 48%, #0a1733 100%); box-shadow: inset 0 0 0 1px #3a5483, inset 0 -8px 12px rgba(0, 0, 0, 0.42); } #page-enrol-users .user-enroller-panel .uep-search-results .picture a:has(> img.userpicture.defaultuserpic)::before { content: ""; position: absolute; left: 5px; right: 5px; bottom: 4px; height: 14px; border-radius: 999px 999px 9px 9px; background: linear-gradient(to bottom, #8ea4c7 0%, #7187a9 100%); opacity: 0.82; } #page-enrol-users .user-enroller-panel .uep-search-results .picture a:has(> img.userpicture.defaultuserpic)::after { content: ""; position: absolute; top: 6px; left: 50%; width: 12px; height: 12px; border-radius: 50%; transform: translateX(-50%); background: #9db3d4; opacity: 0.9; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); } #page-enrol-users .user-enroller-panel .uep-search-results .user .options .enrol, #page-enrol-users .user-enroller-panel .uep-search-results .cohort .options .enrol, #page-enrol-users .user-enroller-panel .uep-search input.uep-search-btn, #page-enrol-users .user-enroller-panel .uep-footer .btn { background: #0a215c !important; border: 1px solid #0096ff !important; color: #ffffff !important; } #page-enrol-users .user-enroller-panel .uep-search-results .user .options .enrol:hover, #page-enrol-users .user-enroller-panel .uep-search-results .cohort .options .enrol:hover, #page-enrol-users .user-enroller-panel .uep-search input.uep-search-btn:hover, #page-enrol-users .user-enroller-panel .uep-search-results .user .options .enrol:focus, #page-enrol-users .user-enroller-panel .uep-search-results .cohort .options .enrol:focus, #page-enrol-users .user-enroller-panel .uep-search input.uep-search-btn:focus { background: #07163e !important; border-color: #66bfff !important; color: #ffffff !important; } /* Completion checkbox in activity rows (all states in one block) */ input.completion-icon[type="checkbox"], .course-content .section li.activity .actions input[type="checkbox"].completion-icon { -webkit-appearance: none !important; appearance: none !important; accent-color: #0a1533 !important; -webkit-accent-color: #0a1533 !important; width: 22px; height: 22px; border: 2px solid #6f83b3 !important; border-radius: 4px; background: #0a1533 !important; background-color: #0a1533 !important; background-image: none !important; display: inline-grid; place-content: center; cursor: pointer; vertical-align: middle; position: relative; box-shadow: none !important; } input.completion-icon[type="checkbox"]::before, .course-content .section li.activity .actions input[type="checkbox"].completion-icon::before { content: ""; width: 12px; height: 12px; transform: scale(0); transition: transform 120ms ease-in-out; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 20%, 80% 0, 43% 62%); background: #ffffff; } input.completion-icon[type="checkbox"]::after, .course-content .section li.activity .actions input[type="checkbox"].completion-icon::after { content: none !important; } input.completion-icon[type="checkbox"]:checked, .course-content .section li.activity .actions input[type="checkbox"].completion-icon:checked { background: #0a1533 !important; background-color: #0a1533 !important; background-image: none !important; border-color: var(--rmh-bright-blue) !important; } input.completion-icon[type="checkbox"]:checked::before, .course-content .section li.activity .actions input[type="checkbox"].completion-icon:checked::before { transform: scale(1); } input.completion-icon[type="checkbox"]:hover, .course-content .section li.activity .actions input[type="checkbox"].completion-icon:hover { border-color: #66bfff !important; } /* Tables */ .table, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { color: #f8faff; border-color: #4b5f8f !important; } .table > thead > tr > th { background-color: #0a1533; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #0a1533; } .table-hover > tbody > tr:hover { background-color: #1a2a56; } /* Bootstrap state rows */ .table > tbody > tr.success > td, .table > tbody > tr.success > th { background-color: #053a2f; color: #eafff9; } .table > tbody > tr.info > td, .table > tbody > tr.info > th { background-color: #0a215c; color: #f5f9ff; } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th { background-color: #4f3a00; color: #fff2cc; } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th { background-color: #4f1322; color: #ffe1e1; } /* Ensure hover keeps correct state colors */ .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background-color: #064b3c !important; color: #ecfff9 !important; } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th { background-color: #123b8a !important; color: #f5f9ff !important; } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background-color: #5a4300 !important; color: #fff2cc !important; } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background-color: #641529 !important; color: #ffe7e7 !important; } /* Admin course permissions matrix */ #region-main table#permissions.rolecap { background: #101f46 !important; border: 1px solid #4b5f8f !important; color: #eaf0ff !important; } #region-main table#permissions.rolecap > thead > tr > th { background: #132452 !important; border-color: #4b5f8f !important; color: #f8faff !important; } #region-main table#permissions.rolecap > tbody > tr > th, #region-main table#permissions.rolecap > tbody > tr > td { background: #101f46 !important; border-color: #324a83 !important; color: #eaf0ff !important; } #region-main table#permissions.rolecap > tbody > tr.rolecapheading > th, #region-main table#permissions.rolecap > tbody > tr.rolecapheading > td { background: #132452 !important; color: #f8faff !important; } #region-main table#permissions.rolecap .cap-name { color: #bfd0f2 !important; } #region-main table#permissions.rolecap > tbody > tr.rolecap:hover, #region-main table#permissions.rolecap > tbody > tr.rolecap:hover > th, #region-main table#permissions.rolecap > tbody > tr.rolecap:hover > td, #region-main table#permissions.rolecap > tbody > tr.rolecap:focus-within > th, #region-main table#permissions.rolecap > tbody > tr.rolecap:focus-within > td { background: #163a80 !important; color: #ffffff !important; } #region-main table#permissions.rolecap > tbody > tr.rolecap:hover .cap-name, #region-main table#permissions.rolecap > tbody > tr.rolecap:focus-within .cap-name, #region-main table#permissions.rolecap > tbody > tr.rolecap:hover a, #region-main table#permissions.rolecap > tbody > tr.rolecap:focus-within a { color: #ffffff !important; text-decoration-color: #ffffff !important; } /* List groups */ .list-group-item { background-color: var(--surface-base); border-color: #4b5f8f; color: #eaf0ff; } .list-group-item a { color: inherit; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background-color: var(--rmh-navy); border-color: var(--rmh-bright-blue); color: #ffffff; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #152449; color: #9fb1d8; } /* Pagination */ .pagination > li > a, .pagination > li > span { background-color: var(--surface-base); border-color: #4b5f8f; color: #dce8ff; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #1a2a56; border-color: #6b83bf; color: #ffffff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: var(--rmh-navy); border-color: var(--rmh-bright-blue); color: #ffffff; } .pagination > .disabled > a, .pagination > .disabled > span, .pagination > .disabled > a:hover, .pagination > .disabled > span:hover, .pagination > .disabled > a:focus, .pagination > .disabled > span:focus { background-color: #152449; border-color: #4b5f8f; color: #9fb1d8; } /* Alerts */ .alert { border-color: #4b5f8f; color: #f8faff; background-color: #0a1533; } .alert-info { background-color: #0a215c; border-color: #0096ff; color: #f5f9ff; } .alert-success { background-color: var(--rmh-success-green); border-color: #0f8a70; color: #eafff9; } .alert-warning { background-color: #4f3a00; border-color: #bf8b00; color: #fff2cc; } .alert-danger { background-color: #4f1322; border-color: #b91f3c; color: #ffe1e1; } /* Ensure danger alert icon meets high-contrast accessibility targets */ .alert-danger.alert-with-icon .alert-icon { background-color: #661428; } .alert-danger.alert-with-icon .alert-icon .flex-icon, .alert-danger.alert-with-icon .alert-icon [data-flex-icon="core|notification-error"] { color: #ffffff; } /* Panels/wells/cards/labels */ .panel { border-color: #4b5f8f; } .panel-default > .panel-heading { background-color: #0a1533; color: #f8faff; border-color: #4b5f8f; } .panel-info > .panel-heading { background-color: #0a215c; border-color: #0096ff; color: #f5f9ff; } .panel-success > .panel-heading { background-color: #053a2f; border-color: #4c73be; color: #eafff9; } .panel-warning > .panel-heading { background-color: #4f3a00; border-color: #ffbf12; color: #fff2cc; } .panel-danger > .panel-heading { background-color: #4f1322; border-color: #e90528; color: #ffe1e1; } .well { border-color: #4b5f8f; } .card .card-title, .panel-title { color: #f1f5f9; } .label-default { background-color: #2a3f72; color: #f8faff; } .label-info { background-color: #0a215c; color: #f5f9ff; } .label-success { background-color: #085744; color: #ffffff; } .label-warning { background-color: #5a4300; color: #ffffff; } .label-danger { background-color: #6a1325; color: #ffffff; } .badge { background-color: #2a3f72; color: #ffffff; } /* Progress bars */ .progress { background-color: #0a1533; border: 1px solid #4b5f8f; } .progress-bar { background-color: #0a215c; color: #ffffff; } .progress-bar-info { background-color: #1347a0; color: #ffffff; } .progress-bar-success { background-color: var(--rmh-success-green); color: #ffffff; } .progress-bar-warning { background-color: #5a4300; color: #ffffff; } .progress-bar-danger { background-color: #6a1325; color: #ffffff; } /* RCD completion bars: dark track + muted in-progress fill for dark mode. */ .rcd_progress, .rcd_progress.disabled { height: 20px; background-color: #243a6c !important; border: none; border-radius: 2px; overflow: hidden; } .rcd_progress.disabled { background-color: #132552 !important; } .rcd_progress_bar { height: 100%; background-color: #6b7ea8 !important; color: #ffffff; } .rcd_progress_label { color: #ffffff !important; font-weight: 700; line-height: 20px; text-shadow: none; } .rcd_progress.disabled .rcd_progress_label { font-size: 12px; font-weight: 600; letter-spacing: 0.1px; white-space: nowrap; } /* Show "Complete" inside full bars, mirroring the untracked label pattern. */ #region-main .rcd_table tr:has(.rcd_progress_bar[style*="width:100%"]) > td:nth-child(3) .rcd_progress::after, #region-main .rcd_table tr:has(.rcd_progress_bar[style*="width: 100%"]) > td:nth-child(3) .rcd_progress::after { content: "Complete"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: 600; font-size: 12px; line-height: 1; pointer-events: none; } /* Completion bar: use RMH success green only when complete (100%). */ .rcd_progress_bar[style*="width:100%"], .rcd_progress_bar[style*="width: 100%"] { background-color: var(--rmh-success-green) !important; } /* Internal learners report-builder tracking bars: match Completion Dashboard palette. */ #region-main .reportbuilder-table td.course_completion_progresspercentage .progressbar_container .progress { height: 20px; margin-bottom: 0; background-color: #243a6c !important; border: none; border-radius: 2px; box-shadow: none; } #region-main .reportbuilder-table td.course_completion_progresspercentage .progressbar_container .bar { min-width: 0; background-color: #6b7ea8 !important; color: #ffffff; text-shadow: none; box-shadow: none; } #region-main .reportbuilder-table td.course_completion_progresspercentage .progressbar_container .bar .progressbar__text { color: #ffffff !important; font-weight: 700; line-height: 20px; display: block; text-align: right; padding-right: 8px; text-shadow: none; } #region-main .reportbuilder-table td.course_completion_progresspercentage .progressbar_container.progress-success .bar, #region-main .reportbuilder-table td.course_completion_progresspercentage .progressbar_container .bar[aria-valuenow="100"], #region-main .reportbuilder-table td.course_completion_progresspercentage .progressbar_container .bar[style*="width:100%"], #region-main .reportbuilder-table td.course_completion_progresspercentage .progressbar_container .bar[style*="width: 100%"] { background-color: var(--rmh-success-green) !important; } #region-main .reportbuilder-table td.course_completion_progresspercentage .progressbar_container.progress-invert .progressbar__text { color: #ffffff !important; } #region-main .reportbuilder-table td.course_completion_progresspercentage .label.label-default { background-color: #132552 !important; color: #ffffff !important; border: 1px solid #243a6c; } /* Internal learners dashboard table polish: calmer grid, clearer tracking states. */ #region-main table#report_record_of_learning_courses, #region-main table#report_record_of_learning_courses thead th, #region-main table#report_record_of_learning_courses tbody td { border-color: #2b4479 !important; } /* Keep status/tracking cell edges uniform across all states (complete/incomplete/not tracked). */ #region-main table#report_record_of_learning_courses tbody > tr > td.course_completion_coursestatus, #region-main table#report_record_of_learning_courses tbody > tr > td.course_completion_progresspercentage { border-top: 0 !important; border-left: 0 !important; outline: 0 !important; box-shadow: none !important; } #region-main table#report_record_of_learning_courses td.course_courselink a { color: #dce8ff !important; text-decoration: none !important; } #region-main table#report_record_of_learning_courses td.course_courselink a:hover, #region-main table#report_record_of_learning_courses td.course_courselink a:focus { color: #ffffff !important; text-decoration: underline !important; } #region-main table#report_record_of_learning_courses th a { color: #d7e3ff !important; text-decoration: none !important; } #region-main table#report_record_of_learning_courses th a:hover, #region-main table#report_record_of_learning_courses th a:focus { color: #ffffff !important; text-decoration: underline !important; } #region-main table#report_record_of_learning_courses th.course_completion_coursestatus, #region-main table#report_record_of_learning_courses td.course_completion_coursestatus { text-align: center !important; vertical-align: middle; } /* 0% should read as empty/quiet: track only, muted text. */ #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .progressbar_container .bar[aria-valuenow="0"], #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .progressbar_container .bar[style*="width:0%"], #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .progressbar_container .bar[style*="width: 0%"] { background-color: transparent !important; width: 100% !important; position: relative; overflow: hidden; } #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .progressbar_container .bar[aria-valuenow="0"] .progressbar__text, #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .progressbar_container .bar[style*="width:0%"] .progressbar__text, #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .progressbar_container .bar[style*="width: 0%"] .progressbar__text { position: absolute; left: 8px; right: auto; top: 50%; transform: translateY(-50%); color: transparent !important; font-size: 0 !important; font-weight: 600; text-align: left; padding-right: 0; } #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .progressbar_container:has(.bar[aria-valuenow="0"]), #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .progressbar_container:has(.bar[style*="width:0%"]), #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .progressbar_container:has(.bar[style*="width: 0%"]) { position: relative; } #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .progressbar_container:has(.bar[aria-valuenow="0"])::after, #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .progressbar_container:has(.bar[style*="width:0%"])::after, #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .progressbar_container:has(.bar[style*="width: 0%"])::after { content: "0%"; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); color: #c8d5f3; font-size: 0.95rem; font-weight: 600; line-height: 1; pointer-events: none; } /* Untracked should harmonise with tracking bars (same geometry, muted state). */ #region-main table#report_record_of_learning_courses td.course_completion_progresspercentage .label.label-default { display: block; width: 100%; box-sizing: border-box; background: #243a6c !important; color: #dce8ff !important; border: 0 !important; border-radius: 2px; padding: 2px 8px; font-weight: 400; line-height: 16px; text-align: center; } /* Subtle semantic tinting in the status column for faster scanning. */ #region-main table#report_record_of_learning_courses tbody tr:has(.course_completion_progresspercentage .progressbar_container.progress-success) td.course_completion_coursestatus { color: #c8f0e4 !important; font-weight: 700; } #region-main table#report_record_of_learning_courses tbody tr:has(.course_completion_progresspercentage .bar[aria-valuenow="100"]) td.course_completion_coursestatus, #region-main table#report_record_of_learning_courses tbody tr:has(.course_completion_progresspercentage .bar[style*="width:100%"]) td.course_completion_coursestatus, #region-main table#report_record_of_learning_courses tbody tr:has(.course_completion_progresspercentage .bar[style*="width: 100%"]) td.course_completion_coursestatus { color: #c8f0e4 !important; font-weight: 700 !important; } #region-main table#report_record_of_learning_courses tbody tr:has(.course_completion_progresspercentage .bar[aria-valuenow="0"]) td.course_completion_coursestatus, #region-main table#report_record_of_learning_courses tbody tr:has(.course_completion_progresspercentage .label.label-default) td.course_completion_coursestatus { color: #d7e3ff !important; font-weight: 400; } /* Where tracking is untracked, show explicit status label in status column. */ #region-main table#report_record_of_learning_courses tbody tr:has(.course_completion_progresspercentage .label.label-default) td.course_completion_coursestatus { color: transparent !important; font-size: 0 !important; text-indent: 0; white-space: nowrap; } #region-main table#report_record_of_learning_courses tbody tr:has(.course_completion_progresspercentage .label.label-default) td.course_completion_coursestatus::before { content: "Not tracked"; display: inline-block; white-space: nowrap; color: #d4e1ff; font-size: 1rem; font-weight: 400; line-height: 1.2; letter-spacing: 0; vertical-align: middle; pointer-events: none; } /* De-emphasise pagination chrome around this table. */ #region-main .rb-display-table-container:has(table#report_record_of_learning_courses) .totara-toolbar.totara-toolbar-top { display: none !important; } #region-main .rb-display-table-container:has(table#report_record_of_learning_courses) .totara-toolbar .paging { color: #9eb2dd !important; } #region-main .rb-display-table-container:has(table#report_record_of_learning_courses) .totara-toolbar .paging a { color: #b3c6eb !important; text-decoration: none !important; } #region-main .rb-display-table-container:has(table#report_record_of_learning_courses) .totara-toolbar .paging a:hover, #region-main .rb-display-table-container:has(table#report_record_of_learning_courses) .totara-toolbar .paging a:focus { color: #ffffff !important; text-decoration: underline !important; } #region-main .rb-display-table-container:has(table#report_record_of_learning_courses) .totara-toolbar .paging .current-page { color: #e9f1ff !important; font-weight: 600; } /* Totara side popovers */ .popover-region .empty-message, .popover-region .see-all-link, .popover-region .popover-region-header-text { color: #f8faff; } /* Tiles + androlabel custom components */ .course-content .tileoutlinepage .tileoutlinearea .tileoutlinecontent, .course-content .tilesectionpage .tileoutlinearea .tileoutlinecontent { background-color: var(--rmh-navy) !important; } /* Tone down bright tile imagery and remove light/teal tile styles */ .course-content .tileoutlinepage .tileoutlinearea, .course-content .tilesectionpage .tileoutlinearea { border: 1px solid #223a70 !important; box-shadow: inset 0 0 0 9999px rgba(5, 11, 30, 0.2) !important; } .course-content .tileoutlinepage .tileoutlinetiles, .course-content .tilesectionpage .tileoutlinetiles { background: transparent !important; } .course-content .tileoutlinepage .tileoutlinetiles li.tile, .course-content .tilesectionpage .tileoutlinetiles li.tile { background: transparent !important; border: 0 !important; } .course-content .tileoutlinepage .tileoutlinetiles li.tile a, .course-content .tilesectionpage .tileoutlinetiles li.tile a { margin: 0 !important; width: 100% !important; padding: 0 !important; border: 1px solid #223a70 !important; box-sizing: border-box; box-shadow: none !important; position: relative; overflow: hidden; transition: border-color 140ms ease, box-shadow 140ms ease; } /* Replace legacy arrow fill on "All sections" tile with a night-sky treatment */ .course-content .tileoutlinepage .tileoutlinetiles #tileall a, .course-content .tilesectionpage .tileoutlinetiles #tileall a { background-image: radial-gradient(circle at 20% 25%, rgba(210, 228, 255, 0.65) 0 1%, transparent 1.35%), radial-gradient(circle at 48% 36%, rgba(210, 228, 255, 0.55) 0 0.9%, transparent 1.3%), linear-gradient(160deg, #08142f 0%, #0a215c 55%, #163a80 100%) !important; background-color: #0a215c !important; background-size: cover !important; background-position: center !important; } .course-content .tileoutlinepage .tileoutlinetiles li.tile a::before, .course-content .tilesectionpage .tileoutlinetiles li.tile a::before { content: ""; position: absolute; inset: 0; background: rgba(5, 11, 30, 0.2); pointer-events: none; z-index: 1; } .course-content .tileoutlinepage .tileoutlinetiles #tileall a::before, .course-content .tilesectionpage .tileoutlinetiles #tileall a::before { background: rgba(5, 11, 30, 0.1); } .course-content .tileoutlinepage .tileoutlinetiles #tileall a::after, .course-content .tilesectionpage .tileoutlinetiles #tileall a::after { content: ""; position: absolute; top: 12%; right: 14%; width: 40px; height: 40px; border-radius: 50%; box-shadow: -9px 0 0 1px #eef4ff; transform: rotate(-12deg); pointer-events: none; z-index: 2; } .course-content .tileoutlinepage .tileoutlinetiles li.tile a .tiletitle, .course-content .tilesectionpage .tileoutlinetiles li.tile a .tiletitle { background-color: #0f1b3d !important; color: #f3f7ff !important; border-top: 1px solid #324a83 !important; z-index: 2; } .course-content .tileoutlinepage .tileoutlinetiles li.tile a .tiletitle::after, .course-content .tilesectionpage .tileoutlinetiles li.tile a .tiletitle::after { color: #9edbff !important; } .course-content .tileoutlinepage .tileoutlinetiles li.tile a:hover, .course-content .tilesectionpage .tileoutlinetiles li.tile a:hover, .course-content .tileoutlinepage .tileoutlinetiles li.tile a:focus, .course-content .tilesectionpage .tileoutlinetiles li.tile a:focus, .course-content .tileoutlinepage .tileoutlinetiles li.tile a:focus-visible, .course-content .tilesectionpage .tileoutlinetiles li.tile a:focus-visible { border-color: #66bfff !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35) !important; } .course-content .tileoutlinepage .tileoutlinetiles li.tile a:hover::before, .course-content .tilesectionpage .tileoutlinetiles li.tile a:hover::before, .course-content .tileoutlinepage .tileoutlinetiles li.tile a:focus::before, .course-content .tilesectionpage .tileoutlinetiles li.tile a:focus::before, .course-content .tileoutlinepage .tileoutlinetiles li.tile a:focus-visible::before, .course-content .tilesectionpage .tileoutlinetiles li.tile a:focus-visible::before { background: rgba(5, 11, 30, 0.08); } .course-content .tileoutlinepage .tileoutlinetiles li.tile a:hover .tiletitle, .course-content .tilesectionpage .tileoutlinetiles li.tile a:hover .tiletitle, .course-content .tileoutlinepage .tileoutlinetiles li.tile a:focus .tiletitle, .course-content .tilesectionpage .tileoutlinetiles li.tile a:focus .tiletitle, .course-content .tileoutlinepage .tileoutlinetiles li.tile a:focus-visible .tiletitle, .course-content .tilesectionpage .tileoutlinetiles li.tile a:focus-visible .tiletitle { background-color: #24458b !important; color: #ffffff !important; } .course-content .tileoutlinepage .tileoutlinetiles li.tile a:hover .tiletitle::after, .course-content .tilesectionpage .tileoutlinetiles li.tile a:hover .tiletitle::after, .course-content .tileoutlinepage .tileoutlinetiles li.tile a:focus .tiletitle::after, .course-content .tilesectionpage .tileoutlinetiles li.tile a:focus .tiletitle::after, .course-content .tileoutlinepage .tileoutlinetiles li.tile a:focus-visible .tiletitle::after, .course-content .tilesectionpage .tileoutlinetiles li.tile a:focus-visible .tiletitle::after { color: #ffffff !important; } /* Course topic tabs now inherit from the shared RMH tab system above. */ .course-content .tiles .tilesectionpage .tilecontentarea .sectionname { background: transparent !important; background-color: transparent !important; color: #f3f7ff !important; border-left: 0 !important; box-shadow: none !important; padding: 0 0 14px 0 !important; margin: 0 0 10px 0 !important; } .course-content .tiles .tilesectionpage .tilecontentarea .sectionname::before, .course-content .tiles .tilesectionpage .tilecontentarea .sectionname::after { content: none !important; display: none !important; } .accordion { background: #0f1b3d; border-color: #4b5f8f; box-shadow: none !important; } .accordion-header { background: #0a1533; color: #f8faff; border-bottom-color: #4b5f8f; } .accordion-header:hover { background: #1a2a56; } .accordion-content { background: #0f1b3d; color: #ebf1ff; border-bottom-color: #4b5f8f; } blockquote { border-left-color: #5b73ad; color: #b9c9e8; } code, kbd, pre { background-color: #0a1533; border: 1px solid #4b5f8f; color: #dce8ff; } mark { background-color: #6b5300; color: #fff2cc; } .androlabel-alert--info { background: #0a215c; color: #f5f9ff; border: 1px solid var(--rmh-bright-blue); } .androlabel-alert--warning { background: #4f1322 !important; color: #ffe1e1 !important; border: 1px solid #b91f3c !important; box-shadow: none !important; } .androlabel-alert--warning .androlabel-alert__body, .androlabel-alert--warning .androlabel-alert__body p, .androlabel-alert--warning .androlabel-alert__body span, .androlabel-alert--warning .androlabel-alert__body div, .androlabel-alert--warning .androlabel-alert__body b, .androlabel-alert--warning .androlabel-alert__body strong, .androlabel-alert--warning .androlabel-alert__body h1, .androlabel-alert--warning .androlabel-alert__body h2, .androlabel-alert--warning .androlabel-alert__body h3, .androlabel-alert--warning .androlabel-alert__body h4, .androlabel-alert--warning .androlabel-alert__body h5, .androlabel-alert--warning .androlabel-alert__body h6 { color: #ffe1e1 !important; } .androlabel-alert--warning .androlabel__icon { width: 28px; min-width: 28px; height: 28px; margin: 0 10px 0 0 !important; border-radius: 50%; background: #661428; display: inline-flex; align-items: center; justify-content: center; } .androlabel-alert--warning .androlabel__icon i, .androlabel-alert--warning .fa-exclamation-triangle { color: #ffffff !important; } .androlabel-alert--warning a { color: #fff3f3 !important; text-decoration: underline; text-decoration-color: rgba(255, 243, 243, 0.85); } .androlabel-alert--warning a:hover, .androlabel-alert--warning a:focus { color: #ffffff !important; text-decoration-color: #ffffff; } /* More/Less androlabel block (catalogue-entry) */ .course-content .section li.activity.androlabel .catalogue-entry { background: #0f1b3d !important; border: 1px solid #4b5f8f !important; border-radius: 8px; box-shadow: none !important; color: #eaf0ff !important; padding: 12px 14px !important; margin: 8px 0 14px 0 !important; } .course-content .section li.activity.androlabel .catalogue-entry .catalogue-description { background: transparent !important; border: 0 !important; color: inherit !important; padding: 0 !important; } .course-content .section li.activity.androlabel .catalogue-entry p, .course-content .section li.activity.androlabel .catalogue-entry .more-content, .course-content .section li.activity.androlabel .catalogue-entry .more-content p { color: #eaf0ff !important; } .course-content .section li.activity.androlabel .catalogue-entry a { color: #dce8ff !important; } .course-content .section li.activity.androlabel .catalogue-entry a:hover, .course-content .section li.activity.androlabel .catalogue-entry a:focus { color: #9edbff !important; } .course-content .section li.activity.androlabel .catalogue-entry .catalogue-buttons { margin-top: 10px; } .course-content .section li.activity.androlabel .catalogue-entry .btn-toggle { display: inline-block; background: #0a215c !important; border: 1px solid var(--rmh-bright-blue) !important; border-radius: 6px; color: #ffffff !important; font-weight: 700; line-height: 1.2; padding: 7px 14px; cursor: pointer; user-select: none; } .course-content .section li.activity.androlabel .catalogue-entry .btn-toggle:hover, .course-content .section li.activity.androlabel .catalogue-entry .btn-toggle:focus { background: #07163e !important; border-color: #66bfff !important; color: #ffffff !important; } /* Legacy collapse variant used by some androlabel templates */ .course-content .section li.activity.androlabel .al__collapse { background: #0f1b3d !important; border: 1px solid #4b5f8f !important; color: #eaf0ff !important; } .course-content .section li.activity.androlabel .al__collapse .btn-toggle { background: #0a215c !important; border: 1px solid var(--rmh-bright-blue) !important; color: #ffffff !important; } .androlabel .section-heading { background: #0a215c; color: #f5f9ff; border: 1px solid var(--rmh-bright-blue); } /* Make static androlabel callouts read clearly as info boxes. */ .course-content .section li.activity.androlabel .contentwithoutlink .accordion { background: transparent !important; border: 0 !important; border-left: 0 !important; box-shadow: none !important; color: inherit !important; padding: 0 !important; margin: 8px 0 14px 0 !important; } .course-content .section li.activity.androlabel .contentwithoutlink .accordion > p { position: relative; background: #0b214f !important; border: 1px solid #4f76bc !important; border-left: 5px solid #66bfff !important; border-radius: 8px; color: #eef4ff !important; padding: 12px 14px 12px 42px !important; margin: 0 !important; } .course-content .section li.activity.androlabel .contentwithoutlink .accordion > p::before { content: "i"; position: absolute; left: 12px; top: 12px; width: 18px; height: 18px; border: 2px solid #9edbff; border-radius: 50%; color: #9edbff; font-size: 12px; font-weight: 700; line-height: 14px; text-align: center; } .course-content .section li.activity.androlabel .contentwithoutlink .accordion > p, .course-content .section li.activity.androlabel .contentwithoutlink .accordion > p * { color: #eef4ff !important; } /* Footer */ #page-footer { background: #000000 !important; color: #cfdcff !important; } #page-footer p, #page-footer li, #page-footer small, #page-footer .footnote, #page-footer .text_to_html, #page-footer .page-footer-poweredby { color: #cfdcff !important; } #page-footer .img-overlay { background-color: transparent !important; position: relative; overflow: hidden; } /* Dim the footer artwork for night viewing without affecting text contrast */ #page-footer .img-overlay::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.36); pointer-events: none; z-index: 0; } #page-footer .img-overlay > * { position: relative; z-index: 1; } #page-footer a, #page-footer .footer-links a { color: #cfdcff !important; text-decoration: underline; text-decoration-color: rgba(207, 220, 255, 0.8); } #page-footer a:hover, #page-footer a:focus, #page-footer .footer-links a:hover, #page-footer .footer-links a:focus { color: #ffffff !important; text-decoration-color: #ffffff; } /* Modal close icon */ .modal .close { color: #ebf1ff; opacity: 1; text-shadow: none; } /* Final hard overrides: top nav dropdown states + region-main frame */ /* Remove outer frame on main content column */ #region-main, #region-main.col-sm-12.col-md-6.col-md-push-3 { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; } /* Remove remaining top/frame borders around the center course header area */ #region-main > .course-name, #region-main > .course-name.course-name-topic-0, #region-main > div[role="main"], #region-main > div[role="main"] > .course-content, #region-main > div[role="main"] > .course-content > .tiles, #region-main > div[role="main"] > .course-content > .tiles > .tilesectionpage { background: transparent !important; background-color: transparent !important; border: none !important; border-top: none !important; box-shadow: none !important; } /* Keep dropdowns dark in all states (override any light defaults) */ .totaraNav .navExpand--list, .totaraNav .navExpand--listSecond, .totaraNav .navExpand--listThird, .totaraNav .navExpand--list .navExpand--list { background: #07163e !important; border-color: #2f4f92 !important; } .totaraNav .navExpand--list_item, .totaraNav .navExpand--list_item > .navExpand--list_item_link { background: transparent !important; color: #eaf0ff !important; opacity: 1 !important; } .totaraNav .navExpand--list_item:hover, .totaraNav .navExpand--list_item:focus-within, .totaraNav .navExpand--list_item_selected, .totaraNav .navExpand--list_item[class*="selected"], .totaraNav .navExpand--list_item[class*="active"], .totaraNav .navExpand--list_item[class*="expanded"] { background: #102a6b !important; } .totaraNav .navExpand--list_item:hover > .navExpand--list_item_link, .totaraNav .navExpand--list_item:focus-within > .navExpand--list_item_link, .totaraNav .navExpand--list_item_selected > .navExpand--list_item_link, .totaraNav .navExpand--list_item[class*="selected"] > .navExpand--list_item_link, .totaraNav .navExpand--list_item[class*="active"] > .navExpand--list_item_link, .totaraNav .navExpand--list_item[class*="expanded"] > .navExpand--list_item_link, .totaraNav .navExpand--list_item > .navExpand--list_item_link:hover, .totaraNav .navExpand--list_item > .navExpand--list_item_link:focus, .totaraNav .navExpand--list_item > .navExpand--list_item_link[aria-expanded="true"] { background: #102a6b !important; color: #ffffff !important; text-decoration: none !important; } /* Ensure chevrons are visible in all nav levels */ .totaraNav .totaraNav--icon_chevron, .totaraNav [data-tw-totaranav-chevron] .flex-icon, .totaraNav .navExpand--list_item_hasChildren .flex-icon, .totaraNav .totaraNav_prim--list_item_hasChildren .flex-icon { color: #9edbff !important; opacity: 1 !important; } .totaraNav .navExpand--list_item:hover .totaraNav--icon_chevron, .totaraNav .navExpand--list_item:focus-within .totaraNav--icon_chevron, .totaraNav .navExpand--list_item_link[aria-expanded="true"] .totaraNav--icon_chevron, .totaraNav .totaraNav_prim--list_item_link[aria-expanded="true"] .totaraNav--icon_chevron, .totaraNav .navExpand--list_item > .navExpand--list_item_link[aria-expanded="true"] .totaraNav--icon_chevron, .totaraNav .totaraNav_prim--list_item > .totaraNav_prim--list_item_link[aria-expanded="true"] .totaraNav--icon_chevron { color: #ffffff !important; } /* Ultra-final cleanup: remove stubborn 1px separators and center wrapper frame */ .totaraNav, .totaraNav_top, .totaraNav_prim, .totaraNav_prim--container, .totaraNav_top .totaraNav_top--container, .totaraNav .totaraNav_prim--container, .totaraNav .container-fluid, .totaraBreadcrumb, .totaraBreadcrumb .totaraBreadcrumb--container, #page-header, #page-navbar { border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; outline: 0 !important; } .totaraNav::before, .totaraNav::after, .totaraNav_top::before, .totaraNav_top::after, .totaraNav_prim::before, .totaraNav_prim::after, .totaraBreadcrumb::before, .totaraBreadcrumb::after, #page-header::before, #page-header::after, #page-navbar::before, #page-navbar::after { border: 0 !important; box-shadow: none !important; } #region-main, #region-main.col-sm-12.col-md-6.col-md-push-3, #region-main > .course-name, #region-main > .course-name.course-name-topic-0, #region-main > div[role="main"], #region-main > div[role="main"] > .course-content { border: 0 !important; border-top: 0 !important; border-color: transparent !important; box-shadow: none !important; outline: 0 !important; } /* Remove outer border/frame only from tile content wrapper */ #region-main > div[role="main"] > .course-content > .tiles > .tilesectionpage > .tilecontentarea, .course-content .tiles .tilesectionpage .tilecontentarea, .tilecontentarea { background: transparent !important; background-color: transparent !important; border: 0 !important; border-top: 0 !important; border-color: transparent !important; box-shadow: none !important; outline: 0 !important; } /* Explicitly clear background/frame on course section lists */ ul.section.img-text, .course-content ul.section.img-text { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* Also clear activity row wrappers inside section lists */ .course-content ul.section.img-text > li.activity, .course-content ul.section.img-text > li.activity > div, .course-content ul.section.img-text > li.activity .mod-indent-outer, .course-content ul.section.img-text > li.activity .contentwithoutlink, .course-content ul.section.img-text > li.activity .no-overflow { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* Docked sidebar blocks (collapsed left dock + flyout panel) */ #dock, #dock.dock_left_vertical, #dock .buttons_container, #dock .dockeditem_container { background: #07163e !important; border-right: 1px solid #2f4f92 !important; box-shadow: none !important; } #dock .dockeditem { background: #102a6b !important; border-color: #2f4f92 !important; color: #f3f7ff !important; } #dock .dockedtitle, #dock .dockedtitle h2 { color: #f3f7ff !important; } #dock .dockeditem:hover, #dock .dockeditem:focus, #dock .dockeditem:focus-visible { background: #1347a0 !important; border-color: #4c73be !important; color: #ffffff !important; } #dock .controls { background: #07163e !important; border-top: 1px solid #2f4f92 !important; } #dock .controls a { background: #0a215c !important; color: #9edbff !important; border: 1px solid #4c73be !important; } #dock .controls a:hover, #dock .controls a:focus { background: #1347a0 !important; color: #ffffff !important; border-color: #66bfff !important; } #dock .flex-icon { color: inherit !important; opacity: 1 !important; } #dockeditempanel { background: #0f1b3d !important; color: #f8faff !important; border: 1px solid #4b5f8f !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important; } #dockeditempanel .header, #dockeditempanel .block-header { background: var(--rmh-block-header-blue) !important; color: #f8faff !important; border-color: var(--rmh-block-header-border) !important; } #dockeditempanel .content, #dockeditempanel .block-content { background: #0f1b3d !important; color: #f8faff !important; border-color: #4b5f8f !important; } #dockeditempanel a { color: #dce8ff !important; } #dockeditempanel a:hover, #dockeditempanel a:focus { color: var(--rmh-teal) !important; } /* YUI help tooltip/dialog (Search help popup) */ .yui3-panel.moodle-dialogue-tooltip, .moodle-dialogue.moodle-dialogue-tooltip, .moodle-dialogue-tooltip.moodle-dialogue-focused { background: #0f1b3d !important; border: 1px solid #4b5f8f !important; box-shadow: none !important; } .moodle-dialogue-tooltip .moodle-dialogue-wrap, .moodle-dialogue-tooltip .moodle-dialogue-content { background: #0f1b3d !important; border: 1px solid #4b5f8f !important; box-shadow: none !important; } .moodle-dialogue-tooltip .moodle-dialogue-hd, .moodle-dialogue-tooltip .yui3-widget-hd { background: #0a215c !important; color: #f8faff !important; border-bottom: 1px solid #4b5f8f !important; } .moodle-dialogue-tooltip .moodle-dialogue-bd, .moodle-dialogue-tooltip .yui3-widget-bd, .moodle-dialogue-tooltip .tooltiptext { background: #0a1533 !important; color: #eaf0ff !important; } .moodle-dialogue-tooltip .tooltiptext p { color: #eaf0ff !important; } .moodle-dialogue-tooltip .yui3-widget-buttons .closebutton { background: #0a1533 !important; background-image: none !important; border: 1px solid #4b5f8f !important; color: #f8faff !important; border-radius: 3px !important; width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; padding: 0 !important; line-height: 16px !important; text-indent: 0 !important; box-shadow: none !important; } .moodle-dialogue-tooltip .yui3-widget-buttons .closebutton::before { content: "×"; display: block; text-align: center; font-size: 14px; font-weight: 700; line-height: 16px; color: #f8faff; } .moodle-dialogue-tooltip .yui3-widget-buttons .closebutton:hover, .moodle-dialogue-tooltip .yui3-widget-buttons .closebutton:focus { background: #1347a0 !important; border-color: #66bfff !important; color: #ffffff !important; } /* Global container border reset (single override instead of per-page fixes) */ #region-main, .box, .box.generalbox, .block, .block .content, .block .block-content, .card, .panel, .panel-heading, .panel-body, .panel-footer, .well, #block-region-side-pre .block, #block-region-side-post .block, #dockeditempanel, #dockeditempanel .content, #dockeditempanel .block-content { border: none !important; border-color: transparent !important; } /* Beat higher-specificity legacy rules that still add a 1px frame */ #region-main .box.generalbox, #region-main .box.generalbox.capbox, #page-mod-forum-search #region-main .box.generalbox, #page-mod-forum-search #region-main .box.generalbox.searchbox { border: none !important; border-color: transparent !important; outline: none !important; box-shadow: none !important; } /* Remove only outer box-like table frame; keep cell separators */ #region-main table.generaltable, #region-main table#permissions.rolecap { border-width: 0 !important; } /* Ultra-hard Atto toolbar chrome reset */ div.editor_atto_toolbar .atto_group, div.editor_atto_toolbar div.atto_group { background: transparent !important; border: 0 !important; border-right: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; } div.editor_atto_toolbar .atto_group::before, div.editor_atto_toolbar .atto_group::after { content: none !important; display: none !important; } div.editor_atto_toolbar .atto_group button, div.editor_atto_toolbar button { background-image: none !important; border-color: transparent !important; box-shadow: none !important; } div.editor_atto_toolbar .atto_group button + button, div.editor_atto_toolbar button + button { border-left: 0 !important; } /* Global file picker/filemanager dark safety (modals + repository dialogs) */ .filemanager, .file-picker, .filemanager .filemanager-container, .file-picker .fp-content, .file-picker .fp-repo-items { background: #0a1533 !important; color: #eaf0ff !important; border-color: #4b5f8f !important; } .filemanager .fp-navbar, .filemanager .fp-restrictions, .file-picker .fp-navbar, .file-picker .fp-restrictions { background: #0f1b3d !important; border-color: #324a83 !important; color: #dce8ff !important; } .filemanager .fp-pathbar, .filemanager .fp-path-folder-name, .file-picker .fp-pathbar, .file-picker .fp-path-folder-name { color: #eaf0ff !important; } .filemanager .fp-toolbar a, .filemanager .fp-viewbar a, .file-picker .fp-toolbar a, .file-picker .fp-viewbar a { background: #102a6b !important; border: 1px solid #4b5f8f !important; color: #eaf0ff !important; } .filemanager .fp-toolbar a:hover, .filemanager .fp-toolbar a:focus, .filemanager .fp-viewbar a:hover, .filemanager .fp-viewbar a:focus, .file-picker .fp-toolbar a:hover, .file-picker .fp-toolbar a:focus, .file-picker .fp-viewbar a:hover, .file-picker .fp-viewbar a:focus { background: #1347a0 !important; border-color: #66bfff !important; color: #ffffff !important; } #region-main .mform .fitem.fitem_ffilemanager .fp-viewbar a.checked, .filemanager .fp-viewbar a.checked, .file-picker .fp-viewbar a.checked { background: #0a215c !important; border-color: #66bfff !important; color: #ffffff !important; } .filemanager .flex-icon, .file-picker .flex-icon, .filemanager .fp-toolbar .flex-icon, .filemanager .fp-viewbar .flex-icon, .file-picker .fp-toolbar .flex-icon, .file-picker .fp-viewbar .flex-icon { color: currentColor !important; opacity: 1 !important; } #region-main .mform .fitem.fitem_ffilemanager .dndupload-message, .filemanager .dndupload-message, .file-picker .dndupload-message { color: #dce8ff !important; } #region-main .mform .fitem.fitem_ffilemanager .dndupload-arrow, #region-main .mform .fitem.fitem_ffilemanager .dndupload-arrow .flex-icon, #region-main .mform .fitem.fitem_ffilemanager .dndupload-message .flex-icon[data-flex-icon="upload"], .filemanager .dndupload-arrow, .filemanager .dndupload-arrow .flex-icon, .filemanager .dndupload-message .flex-icon[data-flex-icon="upload"], .file-picker .dndupload-arrow, .file-picker .dndupload-arrow .flex-icon, .file-picker .dndupload-message .flex-icon[data-flex-icon="upload"] { color: #9edbff !important; opacity: 1 !important; filter: none !important; text-shadow: none !important; } #region-main .mform .fitem.fitem_ffilemanager .dndupload-target, .filemanager .dndupload-target, .file-picker .dndupload-target { background: rgba(16, 42, 107, 0.82) !important; border: 1px dashed #66bfff !important; color: #ffffff !important; } #region-main .mform .fitem.fitem_ffilemanager .dndupload-target .dndupload-arrow, #region-main .mform .fitem.fitem_ffilemanager .dndupload-target .dndupload-arrow .flex-icon, #region-main .mform .fitem.fitem_ffilemanager .dndupload-target .flex-icon[data-flex-icon="upload"], .filemanager .dndupload-target .dndupload-arrow, .filemanager .dndupload-target .dndupload-arrow .flex-icon, .filemanager .dndupload-target .flex-icon[data-flex-icon="upload"], .file-picker .dndupload-target .dndupload-arrow, .file-picker .dndupload-target .dndupload-arrow .flex-icon, .file-picker .dndupload-target .flex-icon[data-flex-icon="upload"] { color: #ffffff !important; } .filemanager .fp-img-downloading, .file-picker .fp-img-downloading, .filemanager .filemanager-loading .flex-icon, .file-picker .filemanager-loading .flex-icon { color: #9edbff !important; opacity: 1 !important; } .moodle-dialogue-base .moodle-dialogue .file-picker, .moodle-dialogue-base .moodle-dialogue .filemanager { background: #0f1b3d !important; color: #eaf0ff !important; } /* Ultra-hard upload icon fallback (covers filepicker/file-picker variants) */ #region-main .dndupload-arrow, #region-main .dndupload-message .dndupload-arrow, #region-main .dndupload-arrow .flex-icon, #region-main .dndupload-arrow [data-flex-icon*="upload"], #region-main .dndupload-arrow [class*="tfont-var-upload"], #region-main .dndupload-message [data-flex-icon*="upload"], #region-main .filepicker .dndupload-arrow, #region-main .filepicker .dndupload-arrow .flex-icon, #region-main .file-picker .dndupload-arrow, #region-main .file-picker .dndupload-arrow .flex-icon, #region-main .filemanager .dndupload-arrow, #region-main .filemanager .dndupload-arrow .flex-icon { color: #9edbff !important; fill: currentColor !important; stroke: currentColor !important; opacity: 1 !important; filter: none !important; text-shadow: none !important; } #region-main .dndupload-arrow .flex-icon::before, #region-main .dndupload-message [data-flex-icon*="upload"]::before { color: inherit !important; } #region-main .dndupload-arrow img.icon, #region-main .dndupload-message img.icon { filter: brightness(0) saturate(100%) invert(80%) sepia(16%) saturate(1188%) hue-rotate(173deg) brightness(103%) contrast(101%) !important; } #region-main .dndupload-target .dndupload-arrow, #region-main .dndupload-target .dndupload-arrow .flex-icon, #region-main .dndupload-target [data-flex-icon*="upload"], #region-main .dndupload-target [class*="tfont-var-upload"] { color: #ffffff !important; fill: currentColor !important; stroke: currentColor !important; } #region-main .dndupload-target .dndupload-arrow img.icon { filter: brightness(0) invert(1) !important; } /* Andromorph dashboard tiles: remove bright white cards and enforce dark-mode contrast. */ .block_andromorph.block, .block_andromorph.block .content, .block_andromorph.block .content.block-content, .block_andromorph.block .content .andromorph, .block_andromorph.block .content .andromorph .am-tiles { background: transparent !important; } .block_andromorph.block .content .andromorph .morphtiles .morphtile, .block_andromorph.block .content .andromorph .morphslider .morphtile, .block_andromorph.block .content .andromorph .morphtiles .morphtile.disabled, .block_andromorph.block .content .andromorph .morphslider .morphtile.disabled, .block_andromorph.block .content .andromorph .morphtiles .morphtile.unavailable, .block_andromorph.block .content .andromorph .morphslider .morphtile.unavailable { opacity: 1 !important; border: 0 !important; outline: 0 !important; } .block_andromorph.block .content .andromorph .morphtiles .morphtile > a, .block_andromorph.block .content .andromorph .morphtiles .morphtile > div.static_content, .block_andromorph.block .content .andromorph .morphslider .morphtile > a, .block_andromorph.block .content .andromorph .morphslider .morphtile > div.static_content { visibility: visible !important; opacity: 1 !important; display: inline-block !important; background-color: #0f255d !important; border: 0 !important; outline: 0 !important; border-radius: 8px !important; box-shadow: 0 8px 20px rgba(2, 8, 25, 0.35) !important; color: #f5f9ff !important; position: relative !important; overflow: hidden !important; isolation: isolate !important; } /* Make dawn treatment more obvious on dashboard quick-link tiles (am-tiles only). */ .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile > a, .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile > div.static_content { background-color: #143270 !important; box-shadow: 0 10px 26px rgba(2, 8, 25, 0.46) !important; transition: box-shadow 180ms ease, filter 180ms ease !important; } .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile > a:hover, .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile > a:focus, .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile > div.static_content:hover, .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile > div.static_content:focus { box-shadow: 0 0 0 1px rgba(128, 200, 255, 0.22), 0 15px 32px rgba(2, 8, 25, 0.52), 0 0 48px 6px rgba(255, 164, 106, 0.26), 0 0 38px 3px rgba(103, 203, 255, 0.19) !important; filter: brightness(1.03) saturate(1.03) !important; transform: translateY(0) scale(1) !important; } /* Dim bright slider artwork while keeping text legible. */ .block_andromorph.block .content .andromorph .area.am-slides .morphslider .morphtile > a, .block_andromorph.block .content .andromorph .area.am-slides .morphslider .morphtile > div.static_content { background-color: rgba(7, 18, 43, 0.48) !important; background-blend-mode: multiply !important; border: 0 !important; box-shadow: none !important; } .block_andromorph.block .content .andromorph .area.am-slides, .block_andromorph.block .content .andromorph .area.am-slides .slick-list, .block_andromorph.block .content .andromorph .area.am-slides .slick-track, .block_andromorph.block .content .andromorph .area.am-slides .slick-slide { border: 0 !important; box-shadow: none !important; } .block_andromorph.block .content .andromorph .area.am-slides .morphslider .morphtile > a:hover, .block_andromorph.block .content .andromorph .area.am-slides .morphslider .morphtile > a:focus, .block_andromorph.block .content .andromorph .area.am-slides .morphslider .morphtile > div.static_content:hover, .block_andromorph.block .content .andromorph .area.am-slides .morphslider .morphtile > div.static_content:focus { border: 0 !important; box-shadow: none !important; } .block_andromorph.block .content .andromorph .morphtiles .morphtile > a:hover, .block_andromorph.block .content .andromorph .morphtiles .morphtile > a:focus, .block_andromorph.block .content .andromorph .morphslider .morphtile > a:hover, .block_andromorph.block .content .andromorph .morphslider .morphtile > a:focus { box-shadow: 0 8px 20px rgba(2, 8, 25, 0.35) !important; } /* Only fix SVG tiles that are incorrectly forced to `background-size: cover`. */ .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile > a[style*=".svg"][style*="background-size: cover"], .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile > div.static_content[style*=".svg"][style*="background-size: cover"] { background-repeat: no-repeat !important; background-position: center 34px !important; background-size: 132px 132px !important; } .block_andromorph.block .content .andromorph .morphtiles .morphtile > a .wrappertext, .block_andromorph.block .content .andromorph .morphtiles .morphtile > div.static_content .wrappertext, .block_andromorph.block .content .andromorph .morphslider .morphtile > a .wrappertext, .block_andromorph.block .content .andromorph .morphslider .morphtile > div.static_content .wrappertext { visibility: visible !important; opacity: 1 !important; background: transparent !important; color: #f5f9ff !important; position: relative !important; z-index: 1 !important; } /* Recolor slider text panel from bright RMH blue to dark-night navy. */ .block_andromorph.block .content .andromorph .area.am-slides .morphslider .morphtile > a .wrappertext span, .block_andromorph.block .content .andromorph .area.am-slides .morphslider .morphtile > div.static_content .wrappertext span { background: rgba(14, 33, 78, 0.9) !important; border: 0 !important; box-shadow: none !important; } .block_andromorph.block .content .andromorph .area.am-slides .morphslider .morphtile > a .wrappertext span + span, .block_andromorph.block .content .andromorph .area.am-slides .morphslider .morphtile > div.static_content .wrappertext span + span { border-top: 0 !important; } .block_andromorph.block .content .andromorph .morphtiles .morphtile .accesibility, .block_andromorph.block .content .andromorph .morphslider .morphtile .accesibility { position: relative !important; z-index: 1 !important; } /* Suppress broken accessibility icon glyphs that render as small "?" squares. */ .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile .accesibility, .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile .accesibility.disabled { display: none !important; } /* Keep the night-time tile atmosphere layer, but disable icon halo layers. */ .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile > a::before, .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile > div.static_content::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0; background: radial-gradient(145% 95% at 92% 114%, rgba(255, 159, 101, 0.34) 0%, rgba(255, 159, 101, 0) 58%), radial-gradient(100% 72% at 7% -6%, rgba(99, 194, 255, 0.22) 0%, rgba(99, 194, 255, 0) 62%), linear-gradient(180deg, rgba(118, 158, 235, 0.2) 0%, rgba(60, 95, 168, 0.09) 48%, rgba(28, 50, 108, 0) 100%); } .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile > a::after, .block_andromorph.block .content .andromorph .area.am-tiles .morphtiles .morphtile > div.static_content::after { content: none !important; background: none !important; box-shadow: none !important; } .block_andromorph.block .content .andromorph .morphtiles .morphtile .headtext, .block_andromorph.block .content .andromorph .morphtiles .morphtile .headtext p, .block_andromorph.block .content .andromorph .morphslider .morphtile .headtext, .block_andromorph.block .content .andromorph .morphslider .morphtile .headtext p { color: #f8faff !important; font-weight: 700 !important; text-shadow: none !important; } .block_andromorph.block .content .andromorph .morphtiles .morphtile .bodytext, .block_andromorph.block .content .andromorph .morphtiles .morphtile .bodytext p, .block_andromorph.block .content .andromorph .morphslider .morphtile .bodytext, .block_andromorph.block .content .andromorph .morphslider .morphtile .bodytext p { color: #deebff !important; text-shadow: none !important; } .block_andromorph.block .content .andromorph .morphtiles .morphtile > a, .block_andromorph.block .content .andromorph .morphslider .morphtile > a, .block_andromorph.block .content .andromorph .morphtiles .morphtile > a:hover, .block_andromorph.block .content .andromorph .morphtiles .morphtile > a:focus, .block_andromorph.block .content .andromorph .morphslider .morphtile > a:hover, .block_andromorph.block .content .andromorph .morphslider .morphtile > a:focus { color: #f5f9ff !important; text-decoration: none !important; } .block_andromorph.block .content .andromorph .morphtiles .morphtile .accesibility, .block_andromorph.block .content .andromorph .morphtiles .morphtile .accesibility.disabled, .block_andromorph.block .content .andromorph .morphslider .morphtile .accesibility, .block_andromorph.block .content .andromorph .morphslider .morphtile .accesibility.disabled { background: transparent !important; opacity: 1 !important; } .block_andromorph.block .content .andromorph .morphtiles .morphtile.light-blue > a, .block_andromorph.block .content .andromorph .morphtiles .morphtile.light-blue > div.static_content, .block_andromorph.block .content .andromorph .morphslider .morphtile.light-blue > a, .block_andromorph.block .content .andromorph .morphslider .morphtile.light-blue > div.static_content { border-bottom-color: transparent !important; } .block_andromorph.block .content .andromorph .morphtiles .morphtile.navy > a, .block_andromorph.block .content .andromorph .morphtiles .morphtile.navy > div.static_content, .block_andromorph.block .content .andromorph .morphslider .morphtile.navy > a, .block_andromorph.block .content .andromorph .morphslider .morphtile.navy > div.static_content { border-bottom-color: transparent !important; } /* Content-only pages: remove lighter side gutter bands beside main content. */ body.content-only #page, body.content-only #page-content, body.content-only #page-content > .row, body.content-only #region-main, body.content-only #region-main > div[role="main"] { background: var(--color-neutral-1) !important; background-color: var(--color-neutral-1) !important; } /* Evidence/report description text blocks: inherit surrounding surface (no lighter fill panel). */ #region-main .box.generalbox.reportbuilder-description, #region-main .box.generalbox.reportbuilder-description .text_to_html, #region-main .box.generalbox.reportbuilder-description .text_to_html > p { background: transparent !important; background-color: transparent !important; } /* Report builder cleanup: remove thin divider rules and tighten vertical rhythm. */ #page-totara-reportbuilder-report #region-main { --rmh-rb-sidebar-width: 10%; } #page-totara-reportbuilder-report #region-main form.rb-sidebar { width: var(--rmh-rb-sidebar-width) !important; } #page-totara-reportbuilder-report #region-main .rb-has-sidebar, #page-totara-reportbuilder-report #region-main .rb-display-table-container.rb-has-sidebar { width: calc(100% - var(--rmh-rb-sidebar-width)) !important; } @media (max-width: 992px) { #page-totara-reportbuilder-report #region-main { --rmh-rb-sidebar-width: 22%; } } @media (max-width: 768px) { #page-totara-reportbuilder-report #region-main { --rmh-rb-sidebar-width: 100%; } } #page-totara-reportbuilder-report #region-main form.rb-search, #page-totara-reportbuilder-report #region-main form.rb-sidebar, #page-totara-reportbuilder-report #region-main form.rb-search > fieldset.collapsible, #page-totara-reportbuilder-report #region-main form.rb-sidebar > fieldset.collapsible, #page-totara-reportbuilder-report #region-main form.rb-search > fieldset.collapsible > .fcontainer, #page-totara-reportbuilder-report #region-main form.rb-sidebar > fieldset.collapsible > .fcontainer, #page-totara-reportbuilder-report #region-main .rb-report-results-heading, #page-totara-reportbuilder-report #region-main .rb-report-results-heading > h3, #page-totara-reportbuilder-report #region-main .rb-report-results-heading-buttons, #page-totara-reportbuilder-report #region-main .rb-showhide, #page-totara-reportbuilder-report #region-main .rb-report-svggraph, #page-totara-reportbuilder-report #region-main .rb-display-table-container, #page-totara-reportbuilder-report #region-main .rb-display-table-container.rb-has-sidebar, #page-totara-reportbuilder-report #region-main .rb-has-sidebar { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; background-image: none !important; } #page-totara-reportbuilder-report #region-main form.rb-search > fieldset.collapsible > legend.ftoggler, #page-totara-reportbuilder-report #region-main form.rb-sidebar > fieldset.collapsible > legend.ftoggler { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; background-image: none !important; } #page-totara-reportbuilder-report #region-main .rb-report-results-heading::before, #page-totara-reportbuilder-report #region-main .rb-report-results-heading::after, #page-totara-reportbuilder-report #region-main .rb-report-results-heading > h3::before, #page-totara-reportbuilder-report #region-main .rb-report-results-heading > h3::after, #page-totara-reportbuilder-report #region-main .rb-report-results-heading-buttons::before, #page-totara-reportbuilder-report #region-main .rb-report-results-heading-buttons::after, #page-totara-reportbuilder-report #region-main .rb-showhide::before, #page-totara-reportbuilder-report #region-main .rb-showhide::after, #page-totara-reportbuilder-report #region-main form.rb-search::before, #page-totara-reportbuilder-report #region-main form.rb-search::after, #page-totara-reportbuilder-report #region-main form.rb-sidebar::before, #page-totara-reportbuilder-report #region-main form.rb-sidebar::after, #page-totara-reportbuilder-report #region-main form.rb-search > fieldset.collapsible::before, #page-totara-reportbuilder-report #region-main form.rb-search > fieldset.collapsible::after, #page-totara-reportbuilder-report #region-main form.rb-sidebar > fieldset.collapsible::before, #page-totara-reportbuilder-report #region-main form.rb-sidebar > fieldset.collapsible::after, #page-totara-reportbuilder-report #region-main form.rb-search > fieldset.collapsible > .fcontainer::before, #page-totara-reportbuilder-report #region-main form.rb-search > fieldset.collapsible > .fcontainer::after, #page-totara-reportbuilder-report #region-main form.rb-sidebar > fieldset.collapsible > .fcontainer::before, #page-totara-reportbuilder-report #region-main form.rb-sidebar > fieldset.collapsible > .fcontainer::after, #page-totara-reportbuilder-report #region-main .rb-display-table-container::before, #page-totara-reportbuilder-report #region-main .rb-display-table-container::after, #page-totara-reportbuilder-report #region-main .rb-has-sidebar::before, #page-totara-reportbuilder-report #region-main .rb-has-sidebar::after, #page-totara-reportbuilder-report #region-main form.rb-search > fieldset.collapsible > legend.ftoggler::before, #page-totara-reportbuilder-report #region-main form.rb-search > fieldset.collapsible > legend.ftoggler::after, #page-totara-reportbuilder-report #region-main form.rb-sidebar > fieldset.collapsible > legend.ftoggler::before, #page-totara-reportbuilder-report #region-main form.rb-sidebar > fieldset.collapsible > legend.ftoggler::after { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; background-image: none !important; content: none !important; } /* Shared legacy YUI date picker: use the dark navy calendar palette site-wide. */ #dateselector-calendar-panel, #dateselector-calendar-panel .yui3-overlay-content, #dateselector-calendar-panel .yui3-widget-bd, #dateselector-calendar-panel .yui3-calendarbase, #dateselector-calendar-panel .yui3-calendar-content, #dateselector-calendar-panel .yui3-calendar-pane { background: #10234e !important; color: rgb(243, 247, 255) !important; border-color: #35589a !important; box-shadow: none !important; } #dateselector-calendar-panel .yui3-calendar-content { border: 1px solid #35589a !important; border-radius: 10px !important; overflow: hidden !important; } #dateselector-calendar-panel .yui3-calendar-header { background: #0b1b42 !important; color: rgb(243, 247, 255) !important; border-bottom: 1px solid #35589a !important; } #dateselector-calendar-panel .yui3-calendar-header-label, #dateselector-calendar-panel th.yui3-calendar-weekday { color: rgb(243, 247, 255) !important; } #dateselector-calendar-panel .yui3-calendar-grid { background: #10234e !important; } #dateselector-calendar-panel td.yui3-calendar-day, #dateselector-calendar-panel td.yui3-calendar-prevmonth-day, #dateselector-calendar-panel td.yui3-calendar-nextmonth-day, #dateselector-calendar-panel td.yui3-calendar-day-disabled, #dateselector-calendar-panel td.yui3-calendar-selection-disabled { background: #152b5f !important; color: rgb(243, 247, 255) !important; border: 1px solid #35589a !important; } #dateselector-calendar-panel td.yui3-calendar-day a, #dateselector-calendar-panel td.yui3-calendar-day span, #dateselector-calendar-panel td.yui3-calendar-prevmonth-day a, #dateselector-calendar-panel td.yui3-calendar-prevmonth-day span, #dateselector-calendar-panel td.yui3-calendar-nextmonth-day a, #dateselector-calendar-panel td.yui3-calendar-nextmonth-day span, #dateselector-calendar-panel td.yui3-calendar-day-disabled a, #dateselector-calendar-panel td.yui3-calendar-day-disabled span, #dateselector-calendar-panel td.yui3-calendar-selection-disabled a, #dateselector-calendar-panel td.yui3-calendar-selection-disabled span { color: inherit !important; } #dateselector-calendar-panel td.yui3-calendar-prevmonth-day, #dateselector-calendar-panel td.yui3-calendar-nextmonth-day, #dateselector-calendar-panel td.yui3-calendar-day-disabled, #dateselector-calendar-panel td.yui3-calendar-selection-disabled { color: rgba(243, 247, 255, 0.52) !important; opacity: 1 !important; } #dateselector-calendar-panel td.yui3-calendar-day:hover, #dateselector-calendar-panel td.yui3-calendar-day:focus, #dateselector-calendar-panel td.yui3-calendar-day-selected { background: #1a5ecf !important; color: #ffffff !important; border-color: #66bfff !important; } #dateselector-calendar-panel td.yui3-calendar-day-selected a, #dateselector-calendar-panel td.yui3-calendar-day-selected span { color: #ffffff !important; } #dateselector-calendar-panel .yui3-calendarnav-prevmonth, #dateselector-calendar-panel .yui3-calendarnav-nextmonth { color: rgb(243, 247, 255) !important; } #dateselector-calendar-panel .yui3-calendarnav-prevmonth { border-right-color: rgb(243, 247, 255) !important; } #dateselector-calendar-panel .yui3-calendarnav-nextmonth { border-left-color: rgb(243, 247, 255) !important; } /* Plan record report-builder forms: mirror report-builder page styling. */ body.path-totara-plan-record #region-main form#totara_reportbuilder_viewsavedsearch, body.path-totara-plan-record #region-main form.rb-search, body.path-totara-plan-record #region-main form#totara_reportbuilder_viewsavedsearch > fieldset.collapsible, body.path-totara-plan-record #region-main form.rb-search > fieldset.collapsible, body.path-totara-plan-record #region-main form#totara_reportbuilder_viewsavedsearch > fieldset.collapsible > .fcontainer, body.path-totara-plan-record #region-main form.rb-search > fieldset.collapsible > .fcontainer, body.path-totara-plan-record #region-main .rb-report-results-heading, body.path-totara-plan-record #region-main .rb-report-results-heading > h3, body.path-totara-plan-record #region-main .rb-report-results-heading-buttons, body.path-totara-plan-record #region-main .rb-showhide, body.path-totara-plan-record #region-main .rb-report-svggraph, body.path-totara-plan-record #region-main .rb-display-table-container { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; background-image: none !important; } body.path-totara-plan-record #region-main form#totara_reportbuilder_viewsavedsearch > fieldset.collapsible > legend.ftoggler, body.path-totara-plan-record #region-main form.rb-search > fieldset.collapsible > legend.ftoggler { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; background-image: none !important; } body.path-totara-plan-record #region-main .rb-report-results-heading::before, body.path-totara-plan-record #region-main .rb-report-results-heading::after, body.path-totara-plan-record #region-main .rb-report-results-heading > h3::before, body.path-totara-plan-record #region-main .rb-report-results-heading > h3::after, body.path-totara-plan-record #region-main .rb-report-results-heading-buttons::before, body.path-totara-plan-record #region-main .rb-report-results-heading-buttons::after, body.path-totara-plan-record #region-main .rb-showhide::before, body.path-totara-plan-record #region-main .rb-showhide::after, body.path-totara-plan-record #region-main form#totara_reportbuilder_viewsavedsearch::before, body.path-totara-plan-record #region-main form#totara_reportbuilder_viewsavedsearch::after, body.path-totara-plan-record #region-main form.rb-search::before, body.path-totara-plan-record #region-main form.rb-search::after, body.path-totara-plan-record #region-main form#totara_reportbuilder_viewsavedsearch > fieldset.collapsible::before, body.path-totara-plan-record #region-main form#totara_reportbuilder_viewsavedsearch > fieldset.collapsible::after, body.path-totara-plan-record #region-main form.rb-search > fieldset.collapsible::before, body.path-totara-plan-record #region-main form.rb-search > fieldset.collapsible::after, body.path-totara-plan-record #region-main form#totara_reportbuilder_viewsavedsearch > fieldset.collapsible > .fcontainer::before, body.path-totara-plan-record #region-main form#totara_reportbuilder_viewsavedsearch > fieldset.collapsible > .fcontainer::after, body.path-totara-plan-record #region-main form.rb-search > fieldset.collapsible > .fcontainer::before, body.path-totara-plan-record #region-main form.rb-search > fieldset.collapsible > .fcontainer::after, body.path-totara-plan-record #region-main .rb-display-table-container::before, body.path-totara-plan-record #region-main .rb-display-table-container::after, body.path-totara-plan-record #region-main form#totara_reportbuilder_viewsavedsearch > fieldset.collapsible > legend.ftoggler::before, body.path-totara-plan-record #region-main form#totara_reportbuilder_viewsavedsearch > fieldset.collapsible > legend.ftoggler::after, body.path-totara-plan-record #region-main form.rb-search > fieldset.collapsible > legend.ftoggler::before, body.path-totara-plan-record #region-main form.rb-search > fieldset.collapsible > legend.ftoggler::after { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; background-image: none !important; content: none !important; } body.path-totara-plan-record #region-main form.rb-search .fcontainer > a.visibleifjs { display: inline-block; margin: 0.35rem 0 0.5rem !important; } body.path-totara-plan-record #region-main form.rb-search div[id="fgroup_id_submitgroupstandard"].fitem.fitem_actionbuttons { margin-top: 0.35rem !important; margin-bottom: 0.45rem !important; } /* Plan record action hierarchy: Search primary, Clear secondary, real button treatment. */ body.path-totara-plan-record #region-main #id_submitgroupstandard_addfilter, body.path-totara-plan-record #region-main #id_submitgroupstandard_clearstandardfilters, body.path-totara-plan-record #region-main #id_submitgroupstandard_savesearch, body.path-totara-plan-record #region-main input[name="submitgroupstandard[savesearch]"], body.path-totara-plan-record #region-main #show-showhide-dialog, body.path-totara-plan-record #region-main #id_export { -webkit-appearance: none; appearance: none; background: var(--btn-bg-color) !important; background-image: none !important; border: none !important; border-radius: 4px !important; box-shadow: none !important; color: var(--btn-text-color) !important; cursor: pointer; display: inline-block; font-weight: 600; line-height: 1.2; min-height: 2.35rem; outline: none !important; padding: 0.52rem 1rem !important; text-align: center; text-decoration: none !important; } body.path-totara-plan-record #region-main #id_submitgroupstandard_clearstandardfilters, body.path-totara-plan-record #region-main #id_submitgroupstandard_savesearch, body.path-totara-plan-record #region-main input[name="submitgroupstandard[savesearch]"] { background: #1b3368 !important; color: #e8f0ff !important; } body.path-totara-plan-record #region-main #id_submitgroupstandard_addfilter:hover, body.path-totara-plan-record #region-main #id_submitgroupstandard_addfilter:focus, body.path-totara-plan-record #region-main #id_submitgroupstandard_addfilter:active, body.path-totara-plan-record #region-main #show-showhide-dialog:hover, body.path-totara-plan-record #region-main #show-showhide-dialog:focus, body.path-totara-plan-record #region-main #show-showhide-dialog:active, body.path-totara-plan-record #region-main #id_export:hover, body.path-totara-plan-record #region-main #id_export:focus, body.path-totara-plan-record #region-main #id_export:active { background: var(--btn-bg-color-focus) !important; background-image: none !important; border: 1px solid #0096ff !important; color: var(--btn-text-color-focus) !important; outline: none !important; } body.path-totara-plan-record #region-main #id_submitgroupstandard_clearstandardfilters:hover, body.path-totara-plan-record #region-main #id_submitgroupstandard_clearstandardfilters:focus, body.path-totara-plan-record #region-main #id_submitgroupstandard_clearstandardfilters:active, body.path-totara-plan-record #region-main #id_submitgroupstandard_savesearch:hover, body.path-totara-plan-record #region-main #id_submitgroupstandard_savesearch:focus, body.path-totara-plan-record #region-main #id_submitgroupstandard_savesearch:active, body.path-totara-plan-record #region-main input[name="submitgroupstandard[savesearch]"]:hover, body.path-totara-plan-record #region-main input[name="submitgroupstandard[savesearch]"]:focus, body.path-totara-plan-record #region-main input[name="submitgroupstandard[savesearch]"]:active { background: #274788 !important; border: 1px solid #0096ff !important; color: #ffffff !important; outline: none !important; } #page-totara-reportbuilder-report #region-main hr { display: none !important; } /* Reportbuilder donut labels are rendered inside canvas; use paint-only adjustments. */ #page-totara-reportbuilder-report #region-main .rb-chartjs__chart--progress, #page-totara-reportbuilder-report #region-main .rb-chartjs__chart--progress .rb-chartjs__chart__canvas { color: #eef4ff !important; } #page-totara-reportbuilder-report #region-main .rb-chartjs__chart--progress .rb-chartjs__chart__canvas, #page-totara-reportbuilder-report #region-main .rb-chartjs__chart--progress .rb-chartjs__chart__canvas.chartjs-render-monitor { filter: brightness(1.12) contrast(1.06) !important; } #page-totara-reportbuilder-report #region-main form.rb-search .fcontainer > a.visibleifjs { display: inline-block; margin: 0.35rem 0 0.5rem !important; } #page-totara-reportbuilder-report #region-main form.rb-search #fgroup_id_certcompletion-redambergreenstatus_grp { margin-bottom: 0.6rem !important; } #page-totara-reportbuilder-report #region-main form.rb-search div[id="fgroup_id_submitgroupstandard"].fitem.fitem_actionbuttons { margin-top: 0.35rem !important; margin-bottom: 0.45rem !important; } /* Report builder controls: align legacy form buttons with agreed dark-mode button style. */ #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_addfilter, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_clearstandardfilters, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_addfilter, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_clearsidebarfilters, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_savesearch, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_savesearch, #page-totara-reportbuilder-report #region-main input[name="submitgroupstandard[savesearch]"], #page-totara-reportbuilder-report #region-main input[name="submitgroupsidebar[savesearch]"], #page-totara-reportbuilder-report #region-main #show-showhide-dialog, #page-totara-reportbuilder-report #region-main #id_export { -webkit-appearance: none; appearance: none; background: var(--btn-bg-color) !important; background-image: none !important; border: none !important; border-radius: 4px !important; box-shadow: none !important; color: var(--btn-text-color) !important; cursor: pointer; font-weight: 600; line-height: 1.2; min-height: 2.35rem; padding: 0.52rem 1rem !important; text-decoration: none !important; } /* Action hierarchy: keep Search as primary, make Clear/Save calmer secondary actions. */ #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_clearstandardfilters, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_clearsidebarfilters, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_savesearch, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_savesearch, #page-totara-reportbuilder-report #region-main input[name="submitgroupstandard[savesearch]"], #page-totara-reportbuilder-report #region-main input[name="submitgroupsidebar[savesearch]"] { background: #1b3368 !important; color: #e8f0ff !important; } #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_addfilter:hover, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_addfilter:focus, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_addfilter:active, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_clearstandardfilters:hover, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_clearstandardfilters:focus, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_clearstandardfilters:active, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_addfilter:hover, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_addfilter:focus, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_addfilter:active, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_clearsidebarfilters:hover, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_clearsidebarfilters:focus, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_clearsidebarfilters:active, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_savesearch:hover, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_savesearch:focus, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_savesearch:active, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_savesearch:hover, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_savesearch:focus, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_savesearch:active, #page-totara-reportbuilder-report #region-main input[name="submitgroupstandard[savesearch]"]:hover, #page-totara-reportbuilder-report #region-main input[name="submitgroupstandard[savesearch]"]:focus, #page-totara-reportbuilder-report #region-main input[name="submitgroupstandard[savesearch]"]:active, #page-totara-reportbuilder-report #region-main input[name="submitgroupsidebar[savesearch]"]:hover, #page-totara-reportbuilder-report #region-main input[name="submitgroupsidebar[savesearch]"]:focus, #page-totara-reportbuilder-report #region-main input[name="submitgroupsidebar[savesearch]"]:active, #page-totara-reportbuilder-report #region-main #show-showhide-dialog:hover, #page-totara-reportbuilder-report #region-main #show-showhide-dialog:focus, #page-totara-reportbuilder-report #region-main #show-showhide-dialog:active, #page-totara-reportbuilder-report #region-main #id_export:hover, #page-totara-reportbuilder-report #region-main #id_export:focus, #page-totara-reportbuilder-report #region-main #id_export:active { background: var(--btn-bg-color-focus) !important; background-image: none !important; border: none !important; color: var(--btn-text-color-focus) !important; } #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_clearstandardfilters:hover, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_clearstandardfilters:focus, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_clearstandardfilters:active, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_clearsidebarfilters:hover, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_clearsidebarfilters:focus, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_clearsidebarfilters:active, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_savesearch:hover, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_savesearch:focus, #page-totara-reportbuilder-report #region-main #id_submitgroupstandard_savesearch:active, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_savesearch:hover, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_savesearch:focus, #page-totara-reportbuilder-report #region-main #id_submitgroupsidebar_savesearch:active, #page-totara-reportbuilder-report #region-main input[name="submitgroupstandard[savesearch]"]:hover, #page-totara-reportbuilder-report #region-main input[name="submitgroupstandard[savesearch]"]:focus, #page-totara-reportbuilder-report #region-main input[name="submitgroupstandard[savesearch]"]:active, #page-totara-reportbuilder-report #region-main input[name="submitgroupsidebar[savesearch]"]:hover, #page-totara-reportbuilder-report #region-main input[name="submitgroupsidebar[savesearch]"]:focus, #page-totara-reportbuilder-report #region-main input[name="submitgroupsidebar[savesearch]"]:active { background: #274788 !important; color: #ffffff !important; } /* Report builder Show/Hide Columns popup: force dark modal treatment (jQuery UI). */ :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-widget-overlay { background: rgba(3, 10, 27, 0.72) !important; opacity: 1 !important; } :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] { background: #0e1b41 !important; color: #e8f0ff !important; border: none !important; } :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-titlebar, :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-buttonpane { background: #102a6b !important; border: none !important; } :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-title, :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-title *, :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-title h2 { color: #eaf1ff !important; } :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] #showhide.ui-dialog-content, :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] #column-checkboxes { background: #0b1739 !important; color: #e8f0ff !important; border: none !important; } :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] #column-checkboxes input[type="checkbox"] { accent-color: #1a5ecf; } :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] #column-checkboxes label { color: #e8f0ff !important; } :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-buttonpane .ui-dialog-buttonset button, :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-titlebar .ui-dialog-titlebar-close { -webkit-appearance: none; appearance: none; background: #1347a0 !important; border: none !important; border-radius: 2px !important; box-shadow: none !important; color: #ffffff !important; outline: none !important; } :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-titlebar .ui-dialog-titlebar-close { align-items: center !important; display: inline-flex !important; height: 1.5rem !important; justify-content: center !important; line-height: 1 !important; margin: 0 !important; min-height: 1.5rem !important; min-width: 1.5rem !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; right: 0.5rem !important; top: 0.5rem !important; width: 1.5rem !important; } :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-buttonpane .ui-dialog-buttonset button:focus, :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-buttonpane .ui-dialog-buttonset button:active, :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-titlebar .ui-dialog-titlebar-close:hover, :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-titlebar .ui-dialog-titlebar-close:focus, :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-titlebar .ui-dialog-titlebar-close:active { background: #1a5ecf !important; border: 1px solid #0096ff !important; box-shadow: none !important; color: #ffffff !important; outline: none !important; } :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-titlebar .ui-dialog-titlebar-close > span { display: none !important; } :is(#page-totara-reportbuilder-report, body.path-totara-plan-record) .ui-dialog.totara-dialog[aria-describedby="showhide"] .ui-dialog-titlebar .ui-dialog-titlebar-close::before { align-self: center; content: "\00d7"; color: #ffffff; font-size: 1rem; font-weight: 700; line-height: 1; } /* Report builder tables: apply consistent dark-mode formatting across all reports. */ #page-totara-reportbuilder-report #region-main .rb-display-table-container a, #page-totara-reportbuilder-report #region-main .rb-display-table-container a:visited, #page-totara-reportbuilder-report #region-main .rb-display-table-container a:hover, #page-totara-reportbuilder-report #region-main .rb-display-table-container a:focus, #page-totara-reportbuilder-report #region-main .rb-display-table-container a:active { text-decoration: none !important; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table { table-layout: auto; border-collapse: separate; border-spacing: 0; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table thead th { background: #162a5d !important; border-top: 0 !important; border-left: 0 !important; border-right: 1px solid rgba(120, 155, 219, 0.22) !important; border-bottom: 1px solid rgba(120, 155, 219, 0.44) !important; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table tbody td { border-top: 0 !important; border-left: 0 !important; border-right: 1px solid rgba(120, 155, 219, 0.18) !important; border-bottom: 1px solid rgba(120, 155, 219, 0.3) !important; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table tbody tr:last-child td { border-bottom: 0 !important; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table th.header > a { color: #dce8ff !important; font-weight: 700; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table th.user_namelink, #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.user_namelink { min-width: 12.5rem; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table th.certif_proglinkicon, #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certif_proglinkicon { min-width: 14.5rem; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.user_namelink > a, #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certif_proglinkicon > a { line-height: 1.3; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } /* Certification names should fully wrap, not truncate with ellipsis. */ #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certif_proglinkicon > a { display: block; overflow: visible; -webkit-box-orient: initial; -webkit-line-clamp: unset; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table th.certcompletion_duedate, #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_duedate, #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table th.certcompletion_completeddate, #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_completeddate { white-space: nowrap; min-width: 10.3rem; font-variant-numeric: tabular-nums; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certif_proglinkicon .course_icon { display: none !important; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certif_proglinkicon .flex-icon.ft-fw.ft.tfont-var-info_filled.ft-state-info { display: none !important; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td[class*="certif"] .flex-icon[data-flex-icon="info-circle"], #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td[class*="certif"] .flex-icon.ft-state-info { display: none !important; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container .progress { height: 20px; margin-bottom: 0; background-color: #243a6c !important; border: none; border-radius: 2px; box-shadow: none; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container .bar { min-width: 0; background-color: #6b7ea8 !important; color: #ffffff; text-shadow: none; box-shadow: none; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container .bar .progressbar__text { color: #ffffff !important; font-weight: 700; line-height: 20px; display: block; text-align: right; padding-right: 8px; text-shadow: none; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container.progress-success .bar, #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container .bar[aria-valuenow="100"], #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container .bar[style*="width:100%"], #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container .bar[style*="width: 100%"] { background-color: var(--rmh-success-green) !important; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container.progress-invert .progressbar__text { color: #ffffff !important; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .label.label-default { background-color: #132552 !important; color: #ffffff !important; border: 1px solid #243a6c; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container .bar[aria-valuenow="0"], #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container .bar[style*="width:0%"], #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container .bar[style*="width: 0%"] { background-color: transparent !important; width: 100% !important; position: relative; overflow: hidden; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container .bar[aria-valuenow="0"] .progressbar__text, #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container .bar[style*="width:0%"] .progressbar__text, #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container .bar[style*="width: 0%"] .progressbar__text { position: absolute; left: 8px; right: auto; top: 50%; transform: translateY(-50%); color: transparent !important; font-size: 0 !important; font-weight: 600; text-align: left; padding-right: 0; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container:has(.bar[aria-valuenow="0"]), #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container:has(.bar[style*="width:0%"]), #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container:has(.bar[style*="width: 0%"]) { position: relative; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container:has(.bar[aria-valuenow="0"])::after, #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container:has(.bar[style*="width:0%"])::after, #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_progresspercentage .progressbar_container:has(.bar[style*="width: 0%"])::after { content: "0%"; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); color: #c8d5f3; font-size: 0.95rem; font-weight: 600; line-height: 1; pointer-events: none; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_status:has(+ td.certcompletion_redambergreenstatus .label-success) { font-size: 0; white-space: nowrap; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_status:has(+ td.certcompletion_redambergreenstatus .label-success)::before { content: "Certified"; display: inline-block; padding: 0.22rem 0.62rem; border-radius: 4px; background: #0a6b55 !important; color: #ffffff !important; font-size: 0.94rem; font-weight: 700; line-height: 1.25; } #page-totara-reportbuilder-report #region-main .rb-display-table-container table.reportbuilder-table td.certcompletion_redambergreenstatus .label.label-success { background: #0a6b55 !important; border: 0 !important; border-radius: 4px !important; color: #ffffff !important; font-weight: 700; } #page-totara-reportbuilder-report #region-main .rb-display-table-container .totara-toolbar .paging { font-size: 0; line-height: 1.2; white-space: nowrap; } #page-totara-reportbuilder-report #region-main .rb-display-table-container .totara-toolbar .paging::before { content: "Page:"; font-size: 1.5rem; color: #dce8ff; } #page-totara-reportbuilder-report #region-main .rb-display-table-container .totara-toolbar .paging > .current-page, #page-totara-reportbuilder-report #region-main .rb-display-table-container .totara-toolbar .paging > a { display: inline-block; margin-left: 0.4rem; font-size: 1.5rem; line-height: 1.2; } /* Internal learners dashboard: replace remaining legacy navy block chrome with the base dark surface. */ #page-totara-dashboard-23 { --rmh-block-header-blue: var(--color-neutral-1); } #page-totara-dashboard-23 #region-main .block_totara_report_table, #page-totara-dashboard-23 #region-main .block_totara_report_table > .content.block-content, #page-totara-dashboard-23 #region-main .block_totara_report_table .rb-display-table-container, #page-totara-dashboard-23 #region-main .block_totara_report_table .totara-table-container { background: var(--color-neutral-1) !important; background-color: var(--color-neutral-1) !important; } /* FAQ support page: retheme audience tags as dark chips and remove faux-link heading styling. */ #page-blocks-androgogic_support-index #region-main > [role="main"] > a[id]:not([href]), .path-blocks-androgogic_support #region-main > [role="main"] > a[id]:not([href]) { color: inherit !important; display: block; margin: 0 0 0.22rem 0; text-decoration: none !important; } #page-blocks-androgogic_support-index #region-main > [role="main"] > a[id]:not([href]) :is(h1, h2, h3, h4, h5, h6), .path-blocks-androgogic_support #region-main > [role="main"] > a[id]:not([href]) :is(h1, h2, h3, h4, h5, h6) { color: #f4f8ff !important; font-weight: 700 !important; line-height: 1.28; margin: 0 !important; text-decoration: none !important; } #page-blocks-androgogic_support-index #region-main > [role="main"] > a[id]:not([href]) :is(p, div, span, strong, b), .path-blocks-androgogic_support #region-main > [role="main"] > a[id]:not([href]) :is(p, div, span, strong, b) { color: inherit !important; margin: 0 !important; text-decoration: none !important; } #page-blocks-androgogic_support-index #region-main > [role="main"] mark, .path-blocks-androgogic_support #region-main > [role="main"] mark { align-items: center; background: #143d87 !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; color: #ffffff !important; display: inline-flex !important; font-size: 1rem !important; font-weight: 700; letter-spacing: 0.01em; line-height: 1.2; margin: 0 0.38rem 0.44rem 0 !important; padding: 0.22rem 0.62rem !important; text-decoration: none !important; vertical-align: middle; } #page-blocks-androgogic_support-index #region-main > [role="main"] mark :is(b, strong), .path-blocks-androgogic_support #region-main > [role="main"] mark :is(b, strong) { color: inherit !important; font-weight: 700 !important; } /* FAQ audience chips: remap legacy inline colors to dark-mode AAA-safe fills. */ #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="#0096ff" i], #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="0,150,255" i], #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="0, 150, 255" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="#0096ff" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="0,150,255" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="0, 150, 255" i] { background: #113775 !important; color: #ffffff !important; } #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="#0ac7a3" i], #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="10,199,163" i], #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="10, 199, 163" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="#0ac7a3" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="10,199,163" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="10, 199, 163" i] { background: #163f5d !important; color: #ffffff !important; } #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="#ddd5e8" i], #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="221,213,232" i], #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="221, 213, 232" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="#ddd5e8" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="221,213,232" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="221, 213, 232" i] { background: #2f4068 !important; color: #ffffff !important; } #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="#e90528" i], #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="233,5,40" i], #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="233, 5, 40" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="#e90528" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="233,5,40" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="233, 5, 40" i] { background: #5f2231 !important; color: #ffffff !important; } #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="#ffbf12" i], #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="255,191,18" i], #page-blocks-androgogic_support-index #region-main > [role="main"] mark[style*="255, 191, 18" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="#ffbf12" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="255,191,18" i], .path-blocks-androgogic_support #region-main > [role="main"] mark[style*="255, 191, 18" i] { background: #4e3a12 !important; color: #fff6d8 !important; } /* Support request reCAPTCHA: CSS-only dark fallback for the embedded anchor iframe. */ #page-blocks-androgogic_support-index #fitem_id_recaptcha_element iframe[src*="recaptcha"], .path-blocks-androgogic_support #fitem_id_recaptcha_element iframe[src*="recaptcha"] { filter: invert(1) hue-rotate(180deg) saturate(0.88) contrast(1.04) !important; border-radius: 0.42rem !important; } #page-blocks-androgogic_support-index #fitem_id_recaptcha_element .recaptcha_element > div, .path-blocks-androgogic_support #fitem_id_recaptcha_element .recaptcha_element > div { background: #0f234a !important; border-radius: 0.42rem !important; overflow: hidden; } /* Catalogue Entries (legacy androgogic catalogue): dark-mode legibility and hierarchy. */ .path-blocks-androgogic_catalogue #region-main > [role="main"] { --catalogue-tile-fill-rgb: 13, 39, 95; --catalogue-tile-fill-hover-rgb: 18, 49, 114; --catalogue-tile-ring-default: rgb(var(--catalogue-tile-fill-rgb)); --catalogue-tile-ring-hover: rgb(var(--catalogue-tile-fill-hover-rgb)); padding-top: 0.3rem !important; } .path-blocks-androgogic_catalogue #page-content { padding-top: 0.45rem !important; } .path-blocks-androgogic_catalogue #region-main > [role="main"] > #preform-anchor.no-search { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } .path-blocks-androgogic_catalogue #region-main .tabtree { margin: 0 0 0.62rem 0 !important; } .path-blocks-androgogic_catalogue #region-main .catalogue-links { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 0.74rem 0; } .path-blocks-androgogic_catalogue #region-main .catalogue-links .catalogue-button-link.link-as-button, .path-blocks-androgogic_catalogue #region-main .catalogue-links #new_entry_button { margin: 0 !important; padding: 0.58rem 0.95rem !important; background: var(--btn-bg-color) !important; background-image: none !important; border: 0 !important; border-radius: 0.55rem !important; color: #ffffff !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: 0 7px 14px rgba(3, 9, 26, 0.24) !important; } .path-blocks-androgogic_catalogue #region-main .catalogue-links .catalogue-button-link.link-as-button:hover, .path-blocks-androgogic_catalogue #region-main .catalogue-links .catalogue-button-link.link-as-button:focus, .path-blocks-androgogic_catalogue #region-main .catalogue-links #new_entry_button:hover, .path-blocks-androgogic_catalogue #region-main .catalogue-links #new_entry_button:focus { background: var(--btn-bg-color-focus) !important; border: 0 !important; color: #ffffff !important; box-shadow: 0 9px 18px rgba(2, 10, 28, 0.32) !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper { padding: 0.9rem 1rem !important; background: #1a2a56 !important; border: 0 !important; border-radius: 0.62rem !important; box-shadow: 0 12px 24px rgba(2, 9, 26, 0.3) !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper:not(.refine) { display: grid; grid-template-columns: auto auto; justify-content: center; align-items: center; gap: 0.6rem 0.55rem; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper:not(.refine) #fitem_id_q { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 0.35rem; grid-column: 1 / 2; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fgroup_id_buttonar { margin: 0 !important; grid-column: 2 / 3; justify-self: start; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fgroup_id_buttonar fieldset, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fgroup_id_buttonar .fgroup { margin: 0 !important; padding: 0 !important; border: 0 !important; min-height: 2.58rem; display: flex; align-items: center; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fgroup_id_buttonar .felement { display: inline-flex !important; align-items: center !important; gap: 0.55rem; min-height: 2.58rem; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle { float: none !important; width: auto !important; margin: 0 !important; flex: 0 0 auto; } /* Hide legacy helper label block per Catalogue Entries UX decision. */ .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q > .fitemtitle { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .felement.ftext { float: none !important; margin: 0 !important; flex: 1 1 57rem; max-width: 60rem; position: relative; display: flex; align-items: center; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle .icon, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle i, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle .flex-icon, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle [data-flex-icon], .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle [class*="fa-search"], .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle::before, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle::after, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle label::before, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle label::after { display: none !important; content: none !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle label { color: #f4f8ff !important; font-size: 1.01rem; font-weight: 700 !important; line-height: 1.3; letter-spacing: 0.008em; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle .icon, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle i, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle [class*="fa-search"], .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle label::before, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .fitemtitle label::after { color: #a5ccff !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_q { width: 100% !important; max-width: 60rem; min-height: 4.5rem; height: 4.5rem; padding: 0.96rem 1.5rem 0.96rem 3.75rem !important; background-color: #071d48 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='20' y1='20' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: 1.26rem center !important; background-size: 1.5rem 1.5rem !important; border: 0 !important; border-radius: 0.56rem !important; box-shadow: inset 0 0 0 2px rgba(148, 178, 225, 0.24), 0 8px 18px rgba(2, 8, 25, 0.24) !important; color: #f8fbff !important; font-size: 2rem !important; font-weight: 600 !important; line-height: 1.1 !important; } /* Force the in-field magnifier glyph to white. */ .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .felement.ftext { position: relative; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .felement.ftext .icon, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .felement.ftext i, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .felement.ftext .flex-icon, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .felement.ftext [data-flex-icon*="search"], .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .felement.ftext [class*="fa-search"], .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .felement.ftext svg, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .felement.ftext path, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .felement.ftext::before, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #fitem_id_q .felement.ftext::after { display: none !important; content: none !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_q::placeholder { color: #b7c9e6 !important; font-size: 1.85rem !important; font-weight: 550 !important; line-height: 1.1 !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_q:focus, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_q:focus-visible { box-shadow: 0 0 0 2px rgba(158, 219, 255, 0.72), 0 10px 22px rgba(2, 8, 25, 0.35) !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #refinebutton, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_submitbutton, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_cancelbutton { padding: 0 1rem !important; min-height: 3.9rem; height: 3.9rem; appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1.1 !important; font-family: inherit !important; vertical-align: middle; background-image: none !important; border: 0 !important; border-radius: 0.5rem !important; color: #ffffff !important; font-weight: 700 !important; font-size: 1.12rem !important; box-shadow: 0 6px 13px rgba(3, 9, 25, 0.25) !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #refinebutton .icon, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_submitbutton .icon, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_cancelbutton .icon, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #refinebutton i, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_submitbutton i, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_cancelbutton i { display: inline-flex; align-items: center; justify-content: center; line-height: 1; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #refinebutton { background: #22355f !important; color: #dce8ff !important; display: none !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_submitbutton { background: var(--btn-bg-color) !important; color: var(--btn-text-color) !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_cancelbutton { background: #1d2d4f !important; color: #cddbf7 !important; display: none !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #refinebutton:hover, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #refinebutton:focus { background: #2c467f !important; color: #ffffff !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_submitbutton:hover, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_submitbutton:focus { background: var(--btn-bg-color-focus) !important; color: var(--btn-text-color-focus) !important; box-shadow: 0 8px 18px rgba(2, 10, 30, 0.4) !important; } .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_cancelbutton:hover, .path-blocks-androgogic_catalogue #region-main #catalogue_entry_search_wrapper #id_cancelbutton:focus { background: #2a406f !important; color: #ffffff !important; } /* Catalogue selection/loading overlay (prevents light flash in dark mode). */ .path-blocks-androgogic_catalogue #region-main .cat-waiting-overlay { background-color: rgba(5, 12, 32, 0.62) !important; } .path-blocks-androgogic_catalogue #region-main .cat-waiting-inner { background: #112654 !important; color: #edf4ff !important; border: 0 !important; border-radius: 0.72rem !important; box-shadow: 0 14px 30px rgba(0, 7, 22, 0.5) !important; } .path-blocks-androgogic_catalogue #region-main .cat-loading-message { color: #edf4ff !important; font-weight: 700; } .path-blocks-androgogic_catalogue #region-main .cat-loading .loading-icon, .path-blocks-androgogic_catalogue #region-main .cat-loading .loading-icon .flex-icon, .path-blocks-androgogic_catalogue #region-main .cat-loading .loading-icon [data-flex-icon], .path-blocks-androgogic_catalogue #region-main .cat-loading .loading-icon svg, .path-blocks-androgogic_catalogue #region-main .cat-loading .loading-icon path { color: #d8e7ff !important; fill: #d8e7ff !important; stroke: #d8e7ff !important; } /* Catalogue calendar (FullCalendar): match agreed button tokens and improve event legibility. */ .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc button, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button-group .fc-button, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-state-default, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .ui-button, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .ui-state-default { background: #1347a0 !important; background-image: none !important; border: 0 !important; border-radius: 0.45rem !important; color: #ffffff !important; text-shadow: none !important; box-shadow: none !important; filter: none !important; outline: 0 !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc button:hover, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc button:focus, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc button:focus-visible, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button:hover, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button:focus, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button:focus-visible, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-state-hover, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-state-down, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-state-active, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .ui-button:hover, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .ui-button:focus, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .ui-state-hover, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .ui-state-active { background: #1a5ecf !important; background-image: none !important; border: 1px solid #0096ff !important; color: #ffffff !important; text-shadow: none !important; box-shadow: none !important; filter: none !important; outline: 0 !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc button .fc-icon, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc button span, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button .fc-icon, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button span, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .ui-button .ui-button-text, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .ui-state-default .ui-button-text, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button .fc-button-inner, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button .fc-button-inner .fc-button-content, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button .fc-button-inner .fc-icon-wrap .fc-icon, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button .fc-button-effect, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button .fc-button-effect > span { color: #ffffff !important; text-shadow: none !important; box-shadow: none !important; filter: none !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button .fc-button-effect, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-button .fc-button-effect > span { display: none !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-toolbar, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-toolbar * { text-shadow: none !important; box-shadow: none !important; filter: none !important; -webkit-text-stroke: 0 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-state-disabled, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc button:disabled { opacity: 0.58 !important; box-shadow: none !important; text-shadow: none !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-event, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] a.fc-event, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] a.fc-event:visited, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] a.fc-event:hover, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] a.fc-event:focus { background: #4f6690 !important; background-color: #4f6690 !important; background-image: none !important; border: 0 !important; color: #f8fbff !important; opacity: 1 !important; text-decoration: none !important; text-shadow: none !important; box-shadow: none !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-event:hover, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-event:focus { background: #5f79a9 !important; background-color: #5f79a9 !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-event .fc-time, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-event .fc-title, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-day-grid-event .fc-content { color: #f8fbff !important; text-decoration: none !important; text-shadow: none !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-day-grid td.fc-day, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-bg td.fc-day { background: #122754 !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-day-grid td.fc-day.fc-other-month, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-bg td.fc-day.fc-other-month { background: #0f2148 !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-day-grid td.fc-day.fc-today, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-bg td.fc-day.fc-today { background: #122754 !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-day-grid td.fc-day:hover, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-bg td.fc-day:hover { background: #122754 !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-day-grid td.fc-day.fc-other-month:hover, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-bg td.fc-day.fc-other-month:hover { background: #0f2148 !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-day-grid td.fc-day.fc-today:hover, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc-bg td.fc-day.fc-today:hover { background: #122754 !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-day-top, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-day-top:hover, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-day-top:focus-within, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-day:hover .fc-day-top, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-day.fc-other-month:hover .fc-day-top, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-day.fc-today:hover .fc-day-top { background: transparent !important; background-color: transparent !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-day-number, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-day-number:visited, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-day-number:hover, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-day-number:focus { background: transparent !important; background-color: transparent !important; color: #d7e4ff !important; text-decoration: none !important; } .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-highlight, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-highlight-skeleton td, .path-blocks-androgogic_catalogue #region-main [id^="catalogue-calendar"] .fc .fc-bgevent { background: transparent !important; background-color: transparent !important; } /* Defeat global table-row hover rules that leak into FullCalendar day cells. */ #page-blocks-androgogic_catalogue-index #region-main [id^="catalogue-calendar"] .fc table tbody tr:hover td.fc-day, #page-blocks-androgogic_catalogue-index #region-main [id^="catalogue-calendar"] .fc table tbody tr:focus-within td.fc-day, #page-blocks-androgogic_catalogue-index #region-main [id^="catalogue-calendar"] .fc table tbody tr:hover td.fc-widget-content, #page-blocks-androgogic_catalogue-index #region-main [id^="catalogue-calendar"] .fc table tbody tr:focus-within td.fc-widget-content { background: #122754 !important; color: #eaf0ff !important; } #page-blocks-androgogic_catalogue-index #region-main [id^="catalogue-calendar"] .fc table tbody tr:hover td.fc-day.fc-other-month, #page-blocks-androgogic_catalogue-index #region-main [id^="catalogue-calendar"] .fc table tbody tr:focus-within td.fc-day.fc-other-month { background: #0f2148 !important; } /* Additional hard stop for any remaining embossed toolbar text treatment. */ #page-blocks-androgogic_catalogue-index #region-main [id^="catalogue-calendar"] .fc .fc-header *, #page-blocks-androgogic_catalogue-index #region-main [id^="catalogue-calendar"] .fc .fc-toolbar *, #page-blocks-androgogic_catalogue-index #region-main [id^="catalogue-calendar"] .fc [class*="button"] *, #page-blocks-androgogic_catalogue-index #region-main [id^="catalogue-calendar"] .fc [role="button"] * { text-shadow: none !important; box-shadow: none !important; filter: none !important; -webkit-text-stroke: 0 !important; } /* Catalogue pagination links: keep clean numeric links with no underlines. */ .path-blocks-androgogic_catalogue #region-main .catalogue-page > .paging, #page-blocks-androgogic_catalogue-index #region-main .catalogue-page > .paging { text-align: right !important; color: transparent !important; word-spacing: -0.32em !important; } .path-blocks-androgogic_catalogue #region-main .catalogue-page > .paging a, .path-blocks-androgogic_catalogue #region-main .catalogue-page > .paging .current-page, #page-blocks-androgogic_catalogue-index #region-main .catalogue-page > .paging a, #page-blocks-androgogic_catalogue-index #region-main .catalogue-page > .paging .current-page { color: #e7efff !important; font-size: inherit !important; line-height: inherit; } .path-blocks-androgogic_catalogue #region-main .paging a, #page-blocks-androgogic_catalogue-index #region-main .paging a { text-decoration: none !important; } .path-blocks-androgogic_catalogue #region-main .paging a:hover, .path-blocks-androgogic_catalogue #region-main .paging a:focus, .path-blocks-androgogic_catalogue #region-main .paging a:focus-visible, #page-blocks-androgogic_catalogue-index #region-main .paging a:hover, #page-blocks-androgogic_catalogue-index #region-main .paging a:focus, #page-blocks-androgogic_catalogue-index #region-main .paging a:focus-visible { text-decoration: none !important; } .path-blocks-androgogic_catalogue #region-main .cat_selection_summary { margin: 0.88rem 0 0.96rem 0 !important; padding: 0.86rem 1rem 0.98rem !important; background: #1a2a56 !important; border: 0 !important; border-radius: 0.62rem !important; box-shadow: 0 12px 24px rgba(2, 9, 26, 0.3) !important; color: #e7efff !important; } .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_cart_selected, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_cpd_total, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_item .name, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_item .messages, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_users_selected, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_users_others, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_users_no_others, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_user { color: #e7efff !important; } .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selection_entry_list, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selection_user_list { margin-top: 0.58rem !important; border: 0 !important; border-top: 0 !important; box-shadow: none !important; background: transparent !important; background-image: none !important; } #page-blocks-androgogic_catalogue-index #region-main .cat_selection_summary .cat_selection_entry_list, #page-blocks-androgogic_catalogue-index #region-main .cat_selection_summary .cat_selection_user_list { border: 0 !important; border-top: 0 !important; box-shadow: none !important; background: transparent !important; background-image: none !important; } .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_item, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_user { margin: 0.42rem 0 0 !important; padding: 0.58rem 0.72rem !important; background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 0.52rem; color: #e7efff !important; } .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_item::after, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_user::after, #page-blocks-androgogic_catalogue-index #region-main .cat_selection_summary .cat_selected_item::after, #page-blocks-androgogic_catalogue-index #region-main .cat_selection_summary .cat_selected_user::after { content: none !important; display: none !important; border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_item .name, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_item .messages, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_user .firstname, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_user .lastname, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_user .email, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_user .messages { background: transparent !important; background-color: transparent !important; } .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_item .actions a, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_user .actions a { color: #ff9da9 !important; } .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_item .actions a:hover, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_item .actions a:focus, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_user .actions a:hover, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selected_user .actions a:focus { color: #ffc1c8 !important; } .path-blocks-androgogic_catalogue #region-main .cat_selection_summary a { color: #9edbff !important; } .path-blocks-androgogic_catalogue #region-main .cat_selection_summary a:hover, .path-blocks-androgogic_catalogue #region-main .cat_selection_summary a:focus { color: #ffffff !important; } .path-blocks-androgogic_catalogue #region-main .cat_selection_summary .cat_selection_actions { margin-top: 0.7rem !important; padding-top: 0 !important; border: 0 !important; border-top: 0 !important; box-shadow: none !important; background: transparent !important; background-image: none !important; display: flex !important; justify-content: center !important; align-items: center; gap: 0.5rem; flex-wrap: wrap; } #page-blocks-androgogic_catalogue-index #region-main .cat_selection_summary .cat_selection_actions, #page-blocks-androgogic_catalogue-index #region-main .cat_selection_summary .cat_users_selected { padding-top: 0 !important; padding-bottom: 0 !important; border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; background: transparent !important; background-image: none !important; } /* Selection-summary buttons are plain