:root{--color-primary: #455465;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #0074be;--color-state-hover: #006ab4;--color-state-focus: #006ab4;--color-state-active: #0059a3;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fafafa;--nav-text-color: var(--color-text);--nav-selected-color: var(--color-state);--nav-border-colour: rgba(128, 128, 128, 0.2);--nav-width: 15rem;--nav-collapsed-width: 5rem;--nav-button-size: 1.25rem;--nav-logo-width: 7.5rem;--nav-logo-height: 7.5rem;--nav-logomark-width: 2.5rem;--nav-logomark-height: 2.5rem;--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled);--page-content-padding-desktop: calc(var(--gap-base) * 8)}.tui-theme_inspire-navItem{--tui-theme_inspire-navItem-height: 2.75rem;--tui-theme_inspire-navItem-indicator-height: 2rem;--tui-theme_inspire-navItem-top-level-nav-item-padding: 10px;--tui-theme_inspire-navItem-nav-item-padding: 6px;display:flex;flex-grow:1;flex-wrap:wrap;height:var(--tui-theme_inspire-navItem-height);padding-top:calc(var(--gap-base) * 1);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem--navExpanded{height:100%}.tui-theme_inspire-navItem__icon{width:1.2em;height:1.2em;margin:auto}.tui-theme_inspire-navItem__icon--navExpanded{margin:calc(var(--gap-base) * 3) auto auto calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem .tui-theme_inspire-navItem{padding-top:0}.tui-theme_inspire-navItem--selected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem--selected:before{height:var(--tui-theme_inspire-navItem-indicator-height);margin-top:calc(var(--gap-base) * 1);border-right:calc(var(--gap-base) * 1) solid var(--nav-selected-color);border-top-right-radius:calc(var(--gap-base) * 1);border-bottom-right-radius:calc(var(--gap-base) * 1);content:""}.tui-theme_inspire-navItem .tui-theme_inspire-navItem--selected:before{margin-top:0}.tui-theme_inspire-navItem--link{flex-wrap:nowrap}.tui-theme_inspire-navItem__heading{display:flex;flex-grow:1;align-items:flex-start;padding:0;background-color:inherit;border:none;border-radius:var(--btn-radius)}.tui-theme_inspire-navItem__heading--childSelected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem__heading--depth-0{margin-left:calc(var(--gap-base) * 5);font-weight:600}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 4)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-0 .tui-theme_inspire-navItem__headingAction{margin:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-1{margin-left:calc(var(--gap-base) * 10);font-weight:400}.tui-theme_inspire-navItem__heading--depth-1.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 9)}.tui-theme_inspire-navItem__heading--depth-2{margin-left:calc(var(--gap-base) * 13)}.tui-theme_inspire-navItem__heading--depth-2.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 12)}.tui-theme_inspire-navItem__heading--link{color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__heading--link:hover,.tui-theme_inspire-navItem__heading--link:focus{color:var(--nav-tab-text-color);text-decoration:none}.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected{color:var(--nav-selected-color)}@media (hover:hover){.tui-theme_inspire-navItem__heading:hover{background-color:color-mix(in srgb, var(--nav-tab-text-color) 10%, transparent)}}.tui-theme_inspire-navItem__heading:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navItem__headingText{flex-grow:1;margin:auto;padding:var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 3);text-align:left;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tui-theme_inspire-navItem__headingText--depth-0{padding:var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__headingAction{flex-basis:1.5rem;flex-shrink:0;height:1.5rem;margin:calc(var(--gap-base) * 1) calc(var(--gap-base) * 2);padding:var(--tui-theme_inspire-navItem-nav-item-padding);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__children{flex-basis:100%;margin-bottom:calc(var(--gap-base) * 2);margin-left:0;list-style:none}.tui-theme_inspire-navigation__toggle{position:absolute;z-index:1;width:var(--nav-button-size);height:var(--nav-button-size);margin:calc(var(--gap-base) * 4);color:var(--color-text)}.tui-theme_inspire-navigation__toggle--overlay{display:block}.tui-theme_inspire-navigation__toggle--expand{display:none}@media (min-width:992px){.tui-theme_inspire-navigation__toggle{left:var(--nav-collapsed-width)}.tui-theme_inspire-navigation__toggle--overlay{display:none}.tui-theme_inspire-navigation__toggle--expand{position:fixed;display:block;margin:calc(var(--gap-base) * 1);background-color:var(--color-neutral-3);opacity:0;transition:opacity var(--transition-button-duration) var(--transition-button-function) 1s}.tui-theme_inspire-navigation__toggle--expand:hover,.tui-theme_inspire-navigation__toggle--expand:focus,.tui-theme_inspire-navigation__toggle--expand:has(~ .tui-theme_inspire-navigation>.tui-theme_inspire-navigation__nav:hover),.tui-theme_inspire-navigation__toggle--expand:has(~ .tui-theme_inspire-navigation>.tui-theme_inspire-navigation__nav:focus-within){opacity:1;transition-delay:0s}.tui-theme_inspire-navigation__toggle--navExpanded{left:var(--nav-width)}.tui-theme_inspire-navigation__toggle-icon{--rotate-r: rotateY(0deg);--rotate-l: rotateY(180deg);transform:var(--rotate-r);transition-duration:0.5s}.dir-rtl .tui-theme_inspire-navigation__toggle-icon{transform:var(--rotate-l)}.tui-theme_inspire-navigation__toggle-icon--expanded{transform:var(--rotate-l)}.dir-rtl .tui-theme_inspire-navigation__toggle-icon--expanded{transform:var(--rotate-r)}}.tui-theme_inspire-navigation__toggle--navHidden{left:0}.tui-theme_inspire-navigation{position:relative;z-index:var(--zindex-navbar);display:none;flex-direction:column;overflow:visible}@media (min-width:992px){.tui-theme_inspire-navigation{display:flex;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav{position:fixed;display:flex;flex-direction:column;width:var(--nav-collapsed-width);height:100%;background-color:var(--nav-bg-color);border-right:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__heading{margin:auto;border-bottom:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logomark-width);max-height:var(--nav-logomark-height);margin:calc(var(--gap-base) * 8) 0}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse{float:right;width:var(--nav-button-size);height:var(--nav-button-size);margin-top:calc(var(--gap-base) * 4);margin-right:calc(var(--gap-base) * -3);color:var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__items{display:flex;flex-direction:column;gap:calc(var(--gap-base) * 1);height:100%;margin:0;padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) 0;overflow-y:auto;list-style:none}.tui-theme_inspire-navigation--overlaid{position:fixed;z-index:var(--zindex-nav-overlay);display:flex;width:var(--nav-width)}@media (min-width:992px){.tui-theme_inspire-navigation--overlaid{position:relative;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}.tui-theme_inspire-navigation--desktopExpanded{display:none}@media (min-width:992px){.tui-theme_inspire-navigation--desktopExpanded{display:flex;width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}}.tui-theme_inspire-navigation--hidden{display:none}.tui-settingsFormBrand__testEmailInfoButton{align-self:center}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}:root{--nav-bg-color: #004775;--nav-text-color: #ffffff;--nav-selected-color: #ffffff;--color-primary: #004775;--btn-accent-color: #f49625;--link-color: #004775;--color-state: #004775;--color-text: #3b3b3b;--footer-bg-color: #ffffff;--footer-text-color: #3b3b3b;--btn-accent-color-hover: #ea8c1b;--btn-accent-color-active: #d97b0a;--link-color-hover: #003d6b;--color-state-hover: #003d6b;--color-state-focus: #003d6b;--color-state-active: #002c5a;--footer-text-color-hover: #313131;} /*** *** Custom Development Zone theme styling - Catalyst IT Europe - 1610202600 ***/ :root { --font-family: "Figtree", Helvetica, sans-serif; --font-headings: var(--font-family); --font-h1-family: var(--font-headings); --font-h2-family: var(--font-headings); --font-h1-size: 38px; --font-h2-size: 32px; --font-h3-size: 20px; --font-h1-weight: 800; --font-h2-weight: 800; --font-weight-bold: 600; --font-weight-normal: 400; --color-text: #3B3B3B; --color-headings: var(--color-state); --color-neutral-1: #FFFFFF; --color-neutral-2: #F2F7FE; --color-neutral-3: #E6EDFA; --color-secondary: var(--color-state); --color-background: var(--color-neutral-2); --color-prompt-info: var(--color-state); --color-prompt-success: #46B491; --color-prompt-danger: #e4504d; --color-prompt-warning: #F49625; --border-radius-curved: 12px; --btn-radius: 50px; --btn-font-size: .8rem; --btn-shadow-hover: 0 2px 4px rgba(0,0,0,0.25); --btn-accent-color: var(--color-state); --form-input-font-size: .9rem; --form-input-text-color: #000000; --form-input-border-radius: 5px; --form-input-bg-color-disabled: var(--color-neutral-2); --tabs-bg-color-focus: #f0f0f0; --nav-width: 18rem !important; --progress-border-color: var(--color-neutral-3); --progress-container-bg-color: var(--color-neutral-2); --progress-value-bg-color: var(--color-state); --tabs-bg-color-focus: var(--color-neutral-2); --collapsible-header-bg-color: var(--tabs-bg-color-focus); --collapsible-header-border-color: var(--tabs-bg-color-focus); --modal-border-radius: var(--border-radius-curved); } /*** *** General styling - DZ branding elements ***/ body { font-family: "Figtree", Helvetica, sans-serif !important; padding: 0; background-color: var(--color-background); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Figtree", Helvetica, sans-serif !important; font-weight: var(--font-weight-bold); } h1, .h1, .tui-pageHeading__title { font-size: var(--font-h1-size); font-weight: var(--font-h1-weight); color: var(--color-headings); line-height: 1.1; margin-bottom: .5rem; .flex-icon.tfont-var-pencil { font-size: var(--font-h2-size); color: var(--color-state); } } #region-main h1, .page-heading h1, .tui-pageHeading__title, .core__forgotpassword h1, .tui-totaraProgramHeader__fullname, .learning-reset-container > h2:first-of-type, #page-local-cpd-index .col.col-lg-8.col-md-12 h3 { font-family: var(--font-h1-family); font-size: var(--font-h1-size); font-weight: var(--font-h1-weight); line-height: 1.3; margin-top: 0; margin-bottom: 1.5rem; &::after { display: block; width: 65px; height: 5px; margin: .5rem 0 0; background: var(--color-primary); content: ""; } @media (min-width: 992px) { font-size: calc(var(--font-h1-size) + 5px); line-height: 1.3; } } h2, .h2 { font-size: var(--font-h2-size); font-weight: var(--font-weight-bold); color: var(--color-headings); line-height: 1.15; margin: 0 0 1rem; } h3, .h3, .ui-dialog .ui-dialog-titlebar h2 { font-size: var(--font-h3-size); color: var(--color-headings); } h4, .h4 { font-size: var(--font-h4-size); } h5, .h5 { font-size: var(--font-h5-size); } h6, .h6 { font-size: var(--font-h6-size); } .page-heading { margin-bottom: 1rem; } .lead { font-size: var(--font-h4-size); font-weight: var(--font-weight-bold); line-height: 1.5; } b, strong, .font-weight-bold { font-weight: var(--font-weight-bold); } p { font-weight: var(--font-weight-normal); } .availabilityinfo ul li, .generated-content--user ul li { margin-top: .25rem; margin-bottom: .25rem; } /*** *** Miscellaneous styling - Alerts, tables, icons, media plugin ***/ /** Add branding to alerts **/ .alert { align-items: center; border: none !important; border-radius: calc(var(--border-radius-curved) / 4) !important; } .alert .alert-icon { padding: 1rem .7rem; } .alert .alert-message, .tui-notificationToast__message { align-items: center; padding: .25rem .5rem .25rem 1rem; p { margin: 0; } } .alert-info .alert-icon { background: var(--color-prompt-info); } .alert-success .alert-icon { background: var(--color-prompt-success); } .alert-danger .alert-icon { background: var(--color-prompt-danger); } .alert-warning .alert-icon { background: var(--color-prompt-warning); } .path-totara-playlist, .path-totara-engage-resources { background: var(--color-neutral-1); } .ft-size-200, .flex-icon.activityicon { font-size: var(--font-size-base) !important; } .avatar img { border-radius: var(--border-radius-curved); } .block-trv-engage_article .block-trv-image { border-radius: calc(var(--border-radius-curved) / 2); } .unlist li { margin: 4px 0; } .list li .flex-icon, .unlist li .flex-icon, .list li img.userpicture, .unlist li img.userpicture { margin-right: .5rem; } .list li .flex-icon, .unlist li .flex-icon, .flex-icon.activityicon { color: #1A1A1A; } .list li .dimmed .flex-icon, .unlist li .dimmed .flex-icon, .dimmed .flex-icon.activityicon { color: var(--color-neutral-6); } .tui-checkbox__label { font-weight: var(--font-weight-normal); } legend.tui-formLabel, li.activity .instancename { font-size: var(--font-h4-size); font-weight: var(--font-weight-bold); } @media (min-width: 600px) { .tui-multiSelectCheckboxFilter__items--hasColumns { gap: .35rem; } } .progress { background-color: var(--color-neutral-2); .progress .bar { background: var(--btn-accent-color); border-radius: var(--border-radius-curved); } } .mediaplugin_videojs { overflow: hidden; margin: auto; border-radius: 16px; .video-js { overflow: hidden; border-radius: 16px; .vjs-big-play-button { font-size: 3em; width: 3.5em; height: 2.5em; line-height: 2.5em; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: none; cursor: pointer; border-radius: var(--border-radius-curved); background: var(--color-primary); } &:focus, &:hover .vjs-big-play-button { background: var(--color-primary); } } } .tui-collapsible__header { padding: .25rem; border-radius: var(--border-radius-curved); } /*** *** Buttons and Pills styling ***/ .tui-btn, .badge-name, .que .prompt, .que .qtext, .btn-primary, .btn-secondary, .course_name_large, .tui-learningCard__title, .nav-tabs > li.active > a, li.activity .instancename, .path-mfa .tui-btn--variant-stealth, .tui-totara_engage-navigationPill, .tui-core_course-courseCard__title, .block_admin_subnav .block_tree .active_tree_node, .block_course_navigation .block_tree .active_tree_node, .tui-tabBar--horizontal .tui-tabBar__tab--active a.tui-tabBar__link, .tui-btn, .button, input.form-submit, input[type="button"], input[type="submit"], input[type="reset"] { font-weight: var(--font-weight-bold); } .tui-totara_engage-navigationPill:not(.tui-totara_engage-navigationPill--selected) { border: 1px solid var(--color-neutral-4); } .tui-totara_engage-navigationPill:not(.tui-totara_engage-navigationPill--selected):focus, .tui-totara_engage-navigationPill:not(.tui-totara_engage-navigationPill--selected):hover { background-color: var(--color-neutral-3); } /*** *** Layout and Navigation styling ***/ #page-header { padding-bottom: 0; margin-bottom: 0; #course-header { &::before { content: ""; font-size: var(--font-h1-size); font-weight: var(--font-h1-weight); color: var(--color-state); padding-bottom: 2rem; margin-bottom: 2rem; } #page-local-rwa-learningrecord & { &::before { content: "Record of learning"; } &::after { display: block; width: 65px; height: 5px; margin: .5rem 0 1.5rem; background: var(--color-primary); content: ""; } } } } #page-navbar { &:not(:empty) { margin-bottom: 1rem; } } #page-login-index #page-content > .row { margin-left: 0; margin-right: 0; } @media (min-width: 992px) { #page-content > .row { margin-left: 0; margin-right: 0; } #region-main, #block-region-top, #block-region-side-pre { padding-left: 0; padding-right: 0; } #block-region-side-post { padding-right: 0; } #block-region-side-pre .block { margin-right: 16px; } } @media (max-width: 991px) { #block-region-side-pre, #block-region-side-post { clear: both; float: none !important; margin-left: auto !important; margin-right: auto !important; } } #region-main { padding: 1rem; margin-left: 16px; margin-right: 16px; max-width: calc(100% - 32px); } @media (max-width: 991px) { #block-region-side-pre, #block-region-side-post { width: auto; max-width: 100%; } } .breadcrumb-nav { .breadcrumb { > li { font-weight: var(--font-weight-bold); &:last-of-type, &:last-of-type a { font-weight: var(--font-weight-normal); color: var(--color-neutral-6); } } } } .totaraNav_prim, .tui-core_auth-loginNav, .tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav { border-right: none; } .tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav { box-shadow: 0 8px 22px rgba(17, 17, 17, 0.07); } .tui-theme_inspire-navigation .tui-theme_inspire-navigation__heading { margin: 0 !important; border-bottom-color: rgba(255,255,255,.3); } .tui-theme_inspire-navigation .tui-theme_inspire-navigation__headingLogo { max-width: 100%; max-height: 55px; margin: 1.05rem auto !important; object-fit: contain; } .tui-theme_inspire-navigation__toggle, .tui-theme_inspire-navigation__toggle--expand { width: 40px; height: 40px; padding: 9px; margin-top: 1rem; margin-bottom: 1rem; z-index: 10; } .tui-theme_inspire-navigation { .tui-theme_inspire-navigation__heading { border: none; margin: 0; > a { position: relative; display: block; text-align: center; background: var(--color-neutral-1); } } &.tui-theme_inspire-navigation--overlaid, &.tui-theme_inspire-navigation--desktopExpanded { .tui-theme_inspire-navigation__heading > a { max-width: calc(100% - 20px); text-align: inherit; padding: 1.5rem 2rem 1.5rem 1.65rem; border-bottom-right-radius: 40px; &::after { content: ""; position: absolute; top: 0; display: block; width: 40px; right: -19px; height: calc(100% - 20px); clip-path: polygon(0% 0%, 100% 0%, 40% 100%, 0% 100%); background: var(--color-neutral-1); } } } } [class*="tenant-user-"] { .tui-theme_inspire-navigation .tui-theme_inspire-navigation--overlaid, .tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__heading > a { padding: 1rem 2rem 1rem 1.65rem; } } .tui-theme_inspire-navItem { padding-top: 0 } .tui-theme_inspire-navItem--selected::before { border-right-color: var(--color-neutral-1); } .tui-theme_inspire-navItem__icon--navExpanded { display: flex; align-items: center; margin: auto; } .tui-theme_inspire-navItem__icon { width: auto; height: auto; display: flex; align-items: center; justify-content: center; } .tui-theme_inspire-navItem__icon svg { width: 18px; height: 18px; } .tui-theme_inspire-navItem__heading { align-items: center; padding: .45rem .85rem; margin-left: 1rem; border-radius: var(--btn-radius); } .tui-theme_inspire-navItem__heading.tui-theme_inspire-navItem__heading--depth-1 { margin-left: 1.9rem; } .tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected.tui-theme_inspire-navItem__heading--depth-1 { margin-left: 2.9rem; padding: .45rem; } .tui-theme_inspire-navItem__heading:focus, .tui-theme_inspire-navItem__heading:hover { text-decoration: underline; background-color: transparent; } .tui-theme_inspire-navItem__headingText { font-weight: normal; padding-top: .25rem; padding-bottom: .25rem; } .page-footer-poweredby, .tui-popoverFrame::before, .tui-core_auth-footer__poweredBy { display: none; } .tui-theme_inspire-navItem__heading--childSelected, .tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected { color: var(--nav-selected-color); } .tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded[aria-expanded="true"], .tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded[aria-expanded="true"] .tui-theme_inspire-navItem__headingText { font-weight: var(--font-weight-bold); } .tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded[aria-expanded="true"]:focus, .tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded[aria-expanded="true"]:hover { text-decoration: none !important; } .tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected, .tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected.tui-theme_inspire-navItem__heading--navExpanded { font-weight: var(--font-weight-bold); color: inherit; background-color: rgba(255,255,255,.2); box-shadow: none; text-decoration: none !important; border-radius: calc(var(--border-radius-curved) / 2); margin-left: .7rem; } .tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected, .tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected.tui-theme_inspire-navItem__heading--navExpanded .tui-theme_inspire-navItem__headingText { font-weight: var(--font-weight-bold); } .tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse { margin-top: 0; top: 1rem; right: -2rem; position: absolute; background: var(--color-neutral-3); } .tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse svg { fill: var(--color-text); } .tui-theme_inspire-navItem__heading--depth-0 .tui-theme_inspire-navItem__headingAction { fill: var(--nav-tab-text-color); } .tui-theme_inspire-navItem__heading--depth-0 .tui-theme_inspire-navItem__headingAction { margin: 0; } .userToolbar, .tui-formImageUpload__actions, .totaraNav--login .totaraNav_prim { background-color: var(--color-neutral-2); } .userToolbar .container-fluid, .totaraNav--login .totaraNav_prim .container-fluid { max-width: 100%; padding-left: 0; background: transparent; } .userToolbar_prim, .totaraNav--login .totaraNav_prim { background: var(--color-neutral-1); .path-mfa &, #page-login-index &, #page-login-signup &, #page-login-forgot_password & { padding: 0; background: var(--color-state); } .path-mfa:not([class*="tenant-user-"]) &, #page-login-index:not([class*="tenant-user-"]) &, #page-login-forgot_password:not([class*="tenant-user-"]) & { background: linear-gradient(90deg,rgba(0, 71, 117, 1) 25%, rgba(40, 171, 227, 1) 100%); } } .userToolbar_primlogo, .totaraNav--login .masthead_logo { position: relative; padding: 1.25rem 5rem 1.25rem 2rem; background: var(--color-neutral-1); border-bottom-right-radius: 40px; &::after { content: ""; position: absolute; top: 0; display: block; width: 40px; right: -4%; height: calc(100% - 0px); background: var(--color-neutral-1); z-index: 0; border-bottom-right-radius: 32px; transform: skew(-20deg); } .masthead_logo--header { margin: 0; } .masthead_logo--header_img { width: 100%; height: auto; max-width: 220px; max-height: 65px; } } .userToolbar_primlogoImg { width: 100%; max-width: 220px; max-height: 65px; } .userToolbar_prim--side { .popover-region .nav-link { display: flex; align-items: center; justify-content: center; color: var(--color-text); width: 40px; height: 40px; padding: 4px 0; background-color: var(--color-neutral-2); border-radius: 50%; } } .userToolbar_prim--side .popover-region .count-container { top: 0px; right: 0px; font-size: 0; width: 10px; height: 10px; border-radius: 50%; } .potentialidp .btn, .userToolbar_prim--side .login a { display: inline-flex; align-items: center; justify-content: center; font-size: var(--btn-font-size); font-weight: var(--btn-weight-bold); color: var(--color-text); min-height: var(--btn-min-height); padding: var(--btn-padding-v) var(--btn-padding-h); background: var(--btn-bg-color); border: 2px solid var(--color-neutral-7); border-radius: var(--btn-radius); cursor: pointer; flex-shrink: 0; transition: background-color var(--transition-button-duration) var(--transition-button-function),border-color var(--transition-button-duration) var(--transition-button-function),box-shadow var(--transition-button-duration) var(--transition-button-function); margin-bottom: 0; } .tw-profileCard__avatar__img { border-color: var(--color-neutral-5); } .totaraNav_prim, .tui-core_auth-loginNav, .tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav .tui-tooltip__body { box-shadow: 0 0 56px rgba(255,255,255,.4); } .editing.side-pre-only.used-region-side-pre #region-main { padding-left: 1rem; padding-right: 1rem; } .userloggedinas .userToolbar_prim--side .loggedinas-label { max-width: 7rem; font-size: .7rem; font-weight: var(--font-weight-bold); span { font-weight: var(--font-weight-normal); } } /*** *** Add block and card styling - soften with curved edges, add shadow ***/ .alert, #region-main, .dropdown-menu, .tui-learningCard, .tui-popoverFrame, .tui-core_auth-login, .tui-dropdown__menu, #page-login-index .loginbox, .tui-core_course-courseCard, .popover-region-container, #quickaccess-popover-content, .block_current_learning-tile, .block_current_learning-tiles, .block:not(.chromeless), .block_rwa_current_learning-tile, #page-footer .socialmedia ul li a, .tui-totara_catalog-filterBarButton, .tui-totara_program-programHeader__progress, .tui-core_auth-footer .socialmedia ul li a, .tui-totara_catalog-itemModal__detailsLink, .tui-totara_catalog-filterBarExplore__bar, #page-local-cpd-index .container-fluid .col.col-lg-4.col-md-12, .block-totara-recently-viewed .block-trv-card-border, #page-totara-catalog-explore .tui-learningCard__background, .tui-totara_program-multipleCourseSets__courseSetGroup-border, .block_totara_featured_links .block-totara-featured-links-tile { background-color: rgba(255,255,255,.1); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: var(--border-radius-curved); box-shadow: 0 8px 32px rgba(0, 71, 117, 0.1), inset 0 4px 20px rgba(255, 255, 255, 0.3); } #region-main, .tui-learningCard, #page-totara-catalog-explore .tui-learningCard__background { background: var(--color-neutral-1); } .userToolbar_prim--side .popover-region .nav-link { border-radius: 50%; background-color: var(--color-neutral-3); } .dropdown-menu, .tui-popoverFrame, .tui-dropdown__menu, .popover-region-container, #quickaccess-popover-content, .moodle-actionmenu[data-enhanced].show .menu { background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(10px) saturate(180%); } .path-login #page, .path-mfa #region-main, #page-login-index #region-main, .path-totara-playlist #region-main, .pagelayout-dashboard #region-main, #page-login-forgot_password #region-main, .path-totara-engage-resources #region-main { padding: 0; border: none; background: transparent; border-radius: 0; box-shadow: none; } .tui-card { border-color: var(--color-neutral-4); } @media (max-width: 991px) { .pagelayout-dashboard #region-main { margin-bottom: 0; } } .path-login { #page { max-width: 1400px; padding-left: 1rem; padding-right: 1rem; #login_hero-image { display: none; position: relative; max-width: 100%; height: 7.5rem; margin: 1rem auto 0; overflow: hidden; border-radius: var(--border-radius-curved); img { position: absolute; width: auto; height: 100%; } @media (min-width: 480px) { height: 9rem; } @media (min-width: 992px) { height: 15rem; margin: 1rem auto 0; } } } #page-footer { border-top: 1px solid var(--color-neutral-4); } } .path-totara-dashboard { .hero-image { display: flex; width: 100%; height: 9rem; margin: auto; overflow: hidden; border-radius: 18px; img { width: 100%; height: 100%; object-fit: cover; object-position: left; } @media (min-width: 992px) { height: 15rem; } } } #page-totara-catalog-explore #region-main { padding: 1rem; margin-bottom: 2rem; } h2.main, h2.h3, h2.h4, h2.h5, h2.h6, .popover-region-header-text, .totara_core__InlineEdit--tooltip, .tui-cardScroller__title-header.tui-cardScroller__title-header.tui-cardScroller__title-header { font-family: var(--font-family); } .tui-popoverFrame { margin: 0; border: 2px solid var(--color-neutral-5); } .tui-learningCard, .block_current_learning-tile, .block_rwa_current_learning-tile, #page-footer .socialmedia ul li a, #page-totara-program-view .tui-grid-item, .tui-core_auth-footer .socialmedia ul li a, .userToolbar_prim--side .popover-region .nav-link, .block-totara-featured-links-layout div.block-totara-featured-links-tile { transition: ease-in-out .2s; } .tui-learningCard:focus, .tui-learningCard:hover, .block_current_learning-tile:focus, .block_current_learning-tile:hover, #page-footer .socialmedia ul li a:focus, #page-footer .socialmedia ul li a:hover, .block_rwa_current_learning-tile:focus, .block_rwa_current_learning-tile:hover, .block_rwa_current_learning-tile:focus-within, .tui-core_auth-footer .socialmedia ul li a:focus, .tui-core_auth-footer .socialmedia ul li a:hover, .userToolbar_prim--side .popover-region .nav-link:focus, .userToolbar_prim--side .popover-region .nav-link:hover, .block-totara-featured-links-layout.report-tiles div.block-totara-featured-links-tile:focus, .block-totara-featured-links-layout.report-tiles div.block-totara-featured-links-tile:hover { transform: translateY(-.25rem); background-color: var(--color-neutral-3); box-shadow: 0 8px 12px rgba(0, 71, 117, 0.1), inset 0 4px 20px rgba(255, 255, 255, 0.3); } .tui-learningCard:focus, .tui-learningCard:hover, .tui-theme_inspire-navigation__toggle:focus, .tui-theme_inspire-navigation__toggle:hover, .tui-theme_inspire-navigation__toggle--expand:focus, .tui-theme_inspire-navigation__toggle--expand:hover, .userToolbar_prim--side .popover-region .nav-link:focus, .userToolbar_prim--side .popover-region .nav-link:hover { background-color: var(--color-neutral-3) !important; box-shadow: 0 8px 12px rgba(0, 71, 117, 0.1), inset 0 4px 20px rgba(255, 255, 255, 0.3) !important; } .dropdown-menu, .moodle-actionmenu[data-enhanced].show .menu, .block-totara-recently-viewed .block-trv-card:focus, .block-totara-recently-viewed .block-trv-card:hover { background-color: var(--color-neutral-1); box-shadow: 0 8px 12px rgba(0, 71, 117, 0.1), inset 0 4px 20px rgba(255, 255, 255, 0.3); } .tui-contributionBaseContent__header { margin-top: 0; } .block_current_learning-tile:focus, .block_current_learning-tile:hover, .block_rwa_current_learning-tile:focus, .block_rwa_current_learning-tile:hover, .block_rwa_current_learning-tile:focus-within, .tui-learningCard--variant-grey-body .tui-learningCard__body { background: transparent; } .tui-learningCard__image { display: block; } #searchbtn, .btn-default, .btn-secondary, .link-as-button, .path-mfa .tui-btn--variant-stealth, .btn-secondary[type="button"], input[type="submit"]:not(#loginbtn), .tui-btn--variant-default { font-weight: 600; color: var(--color-text); border-color: var(--btn-accent-color); border-radius: var(--btn-radius); background-color: var(--color-neutral-1); box-shadow: none; &:focus, &:hover, &:active { color: var(--color-text); border-color: var(--btn-accent-color); box-shadow: var(--btn-shadow-active); } &:disabled, &.disabled { color: var(--color-neutral-6); border-color: var(--color-neutral-6); &:focus, &:hover, &:active { cursor: disabled; color: var(--color-neutral-6); border-color: var(--color-neutral-6); box-shadow: none; } } } #loginbtn, #id_submitbutton { font-weight: var(--font-weight-bold); border-color: var(--btn-accent-color); border-radius: var(--btn-radius); } /*** *** Catalogue styling ***/ .tui-totara_catalog-catalogGrid { gap: 1rem; .tui-learningCard { padding: 0; margin: 0; } } .tui-totara_catalog-explore__subtitle { display: none; } /*** *** General block styling ***/ .block { &:not(.chromeless) { background: var(--color-neutral-1); } .block-content { background-color: var(--color-neutral-1); border-radius: 0 0 var(--border-radius-curved) var(--border-radius-curved); img { margin: 0; max-width: 100%; } } &.chromeless { background: transparent; border-radius: var(--border-radius-curved); .block-header h2 { padding: 0; } .block-content { background: transparent; .no-overflow { overflow: visible; } img { margin: 0; max-width: 100%; border-radius: var(--border-radius-curved); } } } } .block.no-header .block-header, .block.chromeless .block-content, .block.no-header .title.block-title { padding: 0; min-height: 0; } .editing .block.no-header .block-header { padding: var(--gap-4); } .block.chromeless .title.block-title::after { display: none; } .block.chromeless .block-totara-featured-links-layout, .block.chromeless .block-totara-featured-links-layout .block-totara-featured-links-tile { margin-top: 0; border-radius: var(--border-radius-curved) !important; } .block .block-totara-featured-links-layout.fullwidth--no_margins, .block.chromeless .block-totara-featured-links-layout.fullwidth--no_margins { margin-left: 6px; margin-right: 6px; } .block .block-title::after { opacity: .5; box-shadow: none; } .block .block-header { background: var(--color-neutral-1); border-radius: var(--border-radius-curved) var(--border-radius-curved) 0 0; } .block .block-header h2 { font-family: var(--font-family); font-size: var(--font-h4-size); font-weight: var(--font-weight-bold); color: var(--color-headings); } .block.chromeless .block-header { background: transparent; } .block.block_rwa_current_learning .block_rwa_current_learning-tile { background: var(--color-neutral-1); } .block .panel-footer { border-top: none; border-bottom-left-radius: calc(var(--border-radius-curved) - 1px); border-bottom-right-radius: calc(var(--border-radius-curved) - 1px); .count { margin: .5rem 0; } } /*** *** Specific block styling ***/ .block_course_navigation { .header { h2 { font-size: var(--font-h3-size); font-weight: var(--font-h1-weight); line-height: 1.3; &::after { display: block; width: 50px; height: 4px; margin: .5rem 0 0; background: var(--color-primary); content: ""; } } .block-title { padding: 0; } } } .block_totara_user_profile { .block_totara_user_profile_category_badges { h3 { text-align: center; } .userdetails { margin: 0 auto; } dt.contentnode__header { display: none; } .badges { display: flex; flex-wrap: wrap; gap: .25rem; > li { width: 100%; max-width: 100%; text-align: center; padding: 1rem 0 .25rem; margin: 0 auto .5rem; background-color: var(--color-neutral-3); border-radius: var(--border-radius-curved); @media (min-width: 992px) { width: 49%; } } } } @media (min-width: 768px) { .col-sm-6 { width: 50%; } } } .block_hero .block-content img.block-hero-image { max-width: 100%; } .block_myprofile .myprofileitem { margin-bottom: .25rem; } .block_myprofile .myprofileitem.picture { margin-bottom: 2rem; } .block_myprofile img.profilepicture { border-radius: 50%; } .block_myprofile .myprofileitem.fullname { font-size: var(--font-h4-size); margin-top: .25rem; } .block_myprofile .block-content::after { content: ""; clear: both; display: block; height: 1px; } .block_totara_featured_links { .block-totara-featured-links-layout { @media (max-width: 991px) { justify-content: center !important; } .block-totara-featured-links-content { padding: var(--gap-2); &::before { backdrop-filter: blur(9px); } &.block-totara-featured-links-content-top, &.block-totara-featured-links-content-bottom { overflow: hidden; border-radius: var(--border-radius-curved) var(--border-radius-curved) 0 0; h3 { font-size: calc(var(--font-h4-size) * 1.1); font-weight: var(--font-weight-bold); line-height: 1.3; } p { font-size: .8rem; } } &.block-totara-featured-links-content-bottom { border-radius: 0 0 var(--border-radius-curved) var(--border-radius-curved); } &.block-totara-featured-links-content-middle { border-radius: 0; } } } &.spot { .block-totara-featured-links-tile { display: flex; width: 100%; height: 100%; flex-basis: 100%; background-position: center top; background-size: 100%; } } } .tui-popoverFrame__close { padding: .5rem; } .action-button.link-as-button { color: var(--color-neutral-7); } .tui-popoverFrame__close .tui-svgIcon { width: 1.5rem; height: 1.5rem; color: var(--color-neutral-7); } .block_current_learning-tile__image_ratio_img { background-position: center 0; } .tui-imageBlock img, .block_current_learning-tile, .block-totara-featured-links-tile, .tui-totara_reportbuilder-listingReportItem, .block_current_learning-tile__image_ratio_img, .tui-totara_reportbuilder-listingReportItem__imageWrap, .tui-learningCard--variant-hero .tui-learningCard__image, .tui-learningCard--variant-grey-body .tui-learningCard__image, .block-totara-recently-viewed.block-trv-tiles .block-trv-image { border-radius: var(--border-radius-curved); } .block-totara-recently-viewed.block-trv-tiles .block-trv-reactions { margin-top: auto; padding-top: 1rem; } .block-totara-recently-viewed.block-trv-tiles .block-trv-card { min-height: 150px; } .block-totara-recently-viewed > ul.block-trv-layout-horizontal li { min-height: 260px; } .block .content .block_current_learning-tile__link_title { height: auto; margin-top: .5rem; margin-bottom: 0; } .tui-engageArticleCard__statusIcons { justify-content: space-around; width: 100%; gap: .5rem; @media (min-width: 420px) { justify-content: center; gap: 2rem; } } .block_current_learning-tiles { background: var(--color-neutral-1); border-radius: var(--border-radius-curved) var(--border-radius-curved) 0 0; ul { display: flex; flex-wrap: wrap; flex-direction: row; &[data-items-per-row="3"] { .block_current_learning-tile { display: none; &:nth-of-type(-n+3) { display: block; } } } .block_current_learning-tile { position: relative; padding-bottom: 3.5rem; &::before { position: absolute; left: 0; right: 0; bottom: -1rem; z-index: 0; content: "Launch course"; display: block; max-width: calc(100% - 2rem); text-align: center; font-weight: var(--font-weight-bold); color: var(--color-primary); margin: 1.8rem auto; padding: .5rem .75rem; border: 3px solid var(--color-primary); background: var(--color-neutral-1); border-radius: var(--btn-radius); transition: .2s; cursor: pointer; } &:focus, &:hover { &::before { color: var(--color-neutral-1); background: var(--color-primary); box-shadow: var(--btn-box-shadow); } } .block_current_learning-tile__content_duedate { height: auto; } } } } .block_current_learning-tile { padding: 1px; background-color: var(--color-neutral-1); } .block_current_learning-tile__image, .block_current_learning-tile__image_ratio, .tui-learningCard__mediaContainer--aspect-ratio { max-width: 100%; aspect-ratio: 16/9; } .block_current_learning-tile__image { padding-top: 0; } .block_current_learning-tile__image_ratio_img { background-position: center center; } .progress { border-color: var(--progress-border-color); } .progressbar__text { font-weight: var(--font-weight-bold); } .tui-progress { height: 1rem; } .tui-progress, .tui-progress__bar { border-radius: var(--border-radius-curved); } .tui-format_pathway-courseInformation .tui-progress { max-width: calc(100% - 2rem); margin-left: auto; margin-right: auto; } #page-totara-catalog-index .tagbranding_placeholder { display: flex; align-items: center; padding: .5rem; font-size: calc(var(--font-size-base) / 1.05); color: var(--color-neutral-1); line-height: 1.2; min-height: 45px; border-radius: 0 0 calc(var(--border-radius-curved) / 4) calc(var(--border-radius-curved) / 4); margin: 0 -.5rem -.5rem; border: 1px solid var(--color-neutral-1); } #page-totara-catalog-index .tagbranding_placeholder img { margin-right: .5rem; } .block_rwa_current_learning-tiles { padding: 1rem; } /*** *** Course styling ***/ .tw-containerCourse-enrolmentBanner__enrolButton { border-color: var(--color-prompt-success); background-color: var(--color-prompt-success); } #page-local-cpd-index, .tui-format_pathway-activityFooter { .tui-btn--variant-default, .action-button.link-as-button { display: inline-block; font-weight: var(--font-weight-bold); color: var(--color-neutral-1); margin: 0 0 .5rem; padding: .45rem 1.5rem; border: 1px solid var(--color-primary); background: var(--color-primary); &:focus, &:hover { color: var(--color-neutral-1); border-color: rgb(from var(--color-primary) r g b / 80%); background: rgb(from var(--color-primary) r g b / 80%); } } } .course-content li.activity { padding: 0; margin-bottom: 1rem; border-bottom: none; } .course-content .flex-icon.activityicon { font-size: 1.7rem !important; border: 2px solid rgb(from var(--color-primary) r g b / 20%); width: 80px; height: 80px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: .45rem; background: transparent; } .course-content { #completionprogressid { display: none; } .section.main { .tw-formatTopics__topic_content { padding: 1rem 0; > .summary { padding-bottom: 1rem; } } li.activity .instancename { text-decoration: underline; } &#section-0 { margin-top: 0; .tw-formatTopics__topic_content { padding: 0; > .summary { padding-bottom: 0; } .activity.label { > div, .contentwithoutlink { padding-right: 0; } } } } } } .course-content .sectionname a, .course-content .tw-formatTopics__topic_header a { color: var(--color-text); } .format-topics:not(.editing) .course-content .tw-formatTopics__topic_header { padding: .75rem 1rem; border-radius: calc(var(--border-radius-curved) / 2); background-color: var(--color-state) !important; } .format-topics:not(.editing) .course-content .tw-formatTopics__topic_header .tw-formatTopics__collapse_link { padding-left: 0; } .format-topics:not(.editing) .course-content .tw-formatTopics__topic_header > span { color: var(--color-neutral-1) !important; } .course-content .availabilityinfo { margin-bottom: 1rem; } .section.main { margin-bottom: 1rem; } .section .activity .availabilityinfo, .section .activity .contentafterlink { margin-left: 55px; margin-top: 0; } .section .activity .availabilityinfo { display: inline-block; font-size: .72rem; line-height: 1.4; padding: .2rem .75rem; background: var(--color-neutral-2); border-radius: calc(var(--border-radius-curved) / 2); } .section .activity .contentafterlink p { margin-top: 0; } .tui-format_pathway-courseInformation > * + * { margin-top: .5rem; margin-bottom: .5rem; } .course-content .completion-icon, .course-content .autocompletion .flex-icon { transform: scale(1.4); } .course-content .autocompletion .flex-icon { color: var(--color-neutral-5); &.tfont-var-circle::before, &.fa-check-circle-o::before, &.tfont-var-check-circle::before { font-family: "tfont"; font-size: 16px; content: "\ea77"; } &.fa-check-circle-o::before, &.tfont-var-check-circle::before { color: var(--color-prompt-success); } } .section .activity .actions { top: 1.5rem; } /*** *** Footer styling ***/ .footnote { margin: 1rem auto; text-align: center; } .page-footer-main-content a { &:link, &:visited, &:active { text-decoration: underline; } &:focus, &:hover { text-decoration: none; } } /*** *** Login page styling ***/ .path-login { hr { display: none; } } .loginbox { margin-top: 1.5rem; .loginpanel { padding-top: 1rem; padding-bottom: 2rem; background: var(--color-neutral-1); .loginform .form-input { input[type="text"], input[type="password"] { border-radius: var(--form-input-border-radius); } } .desc { display: none; } } &.twocolumns { .loginpanel { border-right: none !important; border-radius: var(--border-radius-curved) var(--border-radius-curved) 0 0; } @media (min-width: 768px) { display: flex; } .signuppanel { padding-top: 0; padding-bottom: 1rem; background: var(--color-neutral-2); } @media (min-width: 768px) { .loginpanel { border-radius: var(--border-radius-curved) 0 0 var(--border-radius-curved); } } } h2 { font-size: 1.7rem; margin: 0 0 1rem; padding-top: 2rem; } .signuppanel { padding-top: 0; img { margin: 0; max-width: 100%; height: auto; } .subcontent .container { background: var(--color-neutral-2); border-radius: var(--border-radius-curved); padding: 2rem; } .signupform { #signup { > div { text-align: center; } input[type="submit"] { margin: 1rem 0; width: 100%; padding: .8rem 2rem; font-size: .9rem; } } } } .potentialidps { h6 { display: none; } .potentialidplist { width: 100%; float: none !important; margin-bottom: 1rem; } } .potentialidp { display: flex; .btn { display: flex; width: 100%; gap: .5rem; white-space: nowrap; font-size: calc(var(--btn-font-size) * 1.3); font-weight: var(--font-weight-bold); margin: 0 0 .5rem; padding: 1rem 2rem; img { display: none; } } } .customLoginlink { display: flex; .btn { display: flex; gap: .5rem; font-size: calc(var(--btn-font-size) * 1.1); font-weight: var(--font-weight-bold); margin: 0 0 .5rem; padding: .5rem 2rem; } } } #page-login-index { &.customLogin { .loginpanel { #loginform { position: relative !important; } .closeBtn, .customLoginlink .btn[aria-expanded="true"] { display: none; } .closeBtn[aria-expanded="true"] { display: inline-block !important; position: absolute; top: 0; right: 0; } } .customLoginlink .btn.collapsed { display: flex !important; } } .login-feature-card { width: 100%; min-height: 280px; margin: 0 auto; padding: 0 0 2rem; background: transparent; h3 { margin: 0 0 2rem; text-align: center; font-size: 22px; line-height: 1.05; font-weight: 700; letter-spacing: .1px; } .features { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 26px; row-gap: 16px; } .feature { min-width: 0; text-align: center; } .login-icon { position: relative; display: block; width: 80px; height: 80px; margin: 0 auto 6px; border: 2px solid var(--color-primary); border-radius: 50%; &::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; border-radius: 50%; background-color: var(--color-neutral-1); background-position: center center; background-repeat: no-repeat; background-size: 36px; } &.learning-platform { &::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAyCAYAAAAHtGYXAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGOmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgMTAuMC1jMDAwIDc5LmQyMGU0NjYzMCwgMjAyNS8xMi8wOS0wMjoxMToyMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI3LjkgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI2LTA5LTExVDE2OjQxOjE4KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wOS0xNlQxMTo0NDozMyswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNi0wOS0xNlQxMTo0NDozMyswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZTU4OGUyYTktYjBjNy00YWRjLWE3ODYtZTA1OWM0YTM1OTMwIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MTQ3NzZkZDYtMTYxYS1lNjQ1LTk4MjktNDM2ZTVjMzVhN2U1IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDIzMTlkOTUtMjAxZi00M2IxLTk5ZGUtMjM1ZDRhNTE3MjYyIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MjMxOWQ5NS0yMDFmLTQzYjEtOTlkZS0yMzVkNGE1MTcyNjIiIHN0RXZ0OndoZW49IjIwMjYtMDktMTFUMTY6NDE6MTgrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNy45IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmU1ODhlMmE5LWIwYzctNGFkYy1hNzg2LWUwNTljNGEzNTkzMCIgc3RFdnQ6d2hlbj0iMjAyNi0wOS0xNlQxMTo0NDozMyswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI3LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Ky3PIQAABAtJREFUaIHtmmuIVVUUx38z42iK+awQNRKFHJ2ECJsoUgOxfDsfUjCk9IugQR8C6UGo0JceBJEvqg+CipkhpYKPD6I9RPAVgtYUvjCxAh2flaMzc2XJ/8jydp/jcc7h3POHfe++5+x7ztn/s/Zae//3quL/eBRYCTxHcnEReBfYWKzh20CmAspRoMZ3vEsOMnq4+k3gKslBLfCg6kZENdBWiIx2V18MfEFyMADYB/TK6mdeMjzOAs0kBzdk7TlhZlLMrJKErkBVR8moKBQbJqXCnNEQ4DFgJDBQx/8GfgZOA2foOHoDQ4HhwAigG/Av8AtwSqU5DmSMBNYBdUD3PG2uAU3ATmAzcKCE6/YDpqs0AIMKtP0L+BT4SGEzNCx1sXheCe3fKzO+mxffATTmuZ5Z1yfAH2Ve97IsqBjBF9T+WLZPDMMyal3dwtYu4B/d0OYsg2Xao4CecmAvqXyj8N0k0zfylygEepwAjmi4nQda5Qzt2q/qPm332p8wyMi4+nJgfZ52Q2TyrwDP6NhMYCKwScPNhkOAS8BXwNcaVuYjcmEMUO8spMMIO5p0K3DO3upnWvPMBk7quM0I5zoirEPLgKeAhcD3BYioLRQqy0UUobUd2ACMlsO77s4dBiYAbyhCdCqqI145vgXs1+82jX/zOZEgDpOum2543Fk0VSoZVXF5njiQERukZDikZDikZDikZDikZDikZDikZNxHMjIhX6+U+2XiSkY7nYvWMPsQlgYa4B1glpblVdqAOiPx5gfpoeWij1ayo6WJPKKl+38ifxgxIqOLq9ep5HuLPwHfSrAxsTjbmlpcfZxWsRO0/1sM96xthEHGb1m/27QSzegBg3vY9wsqZkFrJSQHumW1iKzXfu+zee7XIgJrJP0FOC7hOVIyNgAPq1O7pVFeFxkPSNUerzfdoLdnGuci4E23+WtkfJfjmc4BPwLbJeJedhpoL6evrsqyrEjU8XLwtCT9iyWo3Xull/YlPBRUxzubjADm9FbkIcEeclqY2mapZEQ16ToBvA7MAH7XsVYJwWOBrRHMWUIPreVii/zBy8CvijaRIWoykP/4khggXZs4pGQUIaPF1f0GTxJwxTnm9uwsnsBnNAJPqj7FnZ+vnIikoK8masFu/8faJL8SpEFOjUEaYiYGZUd1gTyJSsMIm+U9r1gfZMAs1gSoEmDrpddU32Yf/d0U9RSVhQVumFiSzG2scQctp7oS8Djwp/rcKungNhocGRZu5pBs9FYqRNDn1dkNPnQnjan3XQpjUmAayCTgoOurLRofIscy+XPNLQI0S7c8G4HYGzYsue4JiUG+fy8Ch3L9oQb4QPJZJuFlj0TmO8gnoNTJQiZL0ksKLJHe8sYsI9EyCe+y9lsbd7DIrFekPQAAAABJRU5ErkJggg=="); } } &.team-management { &::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAYAAABXXxDfAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGOmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgMTAuMC1jMDAwIDc5LmQyMGU0NjYzMCwgMjAyNS8xMi8wOS0wMjoxMToyMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI3LjkgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI2LTA5LTExVDE2OjQxOjE4KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wOS0xNlQxMTo0NzowMyswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNi0wOS0xNlQxMTo0NzowMyswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OGI3MjFmMTctNjU5OC00OTdlLWFmYjgtY2RmODYxYTg2YjU0IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Mzg1Y2M2NDUtODhkOC1mNDRiLTgzYjItZjYyODk4NmVjZDg2IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YTQxZjVmYTYtMWY0MC00ZGU1LWIxZDItZTNiOGViMjljOTU0Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphNDFmNWZhNi0xZjQwLTRkZTUtYjFkMi1lM2I4ZWIyOWM5NTQiIHN0RXZ0OndoZW49IjIwMjYtMDktMTFUMTY6NDE6MTgrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNy45IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjhiNzIxZjE3LTY1OTgtNDk3ZS1hZmI4LWNkZjg2MWE4NmI1NCIgc3RFdnQ6d2hlbj0iMjAyNi0wOS0xNlQxMTo0NzowMyswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI3LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+P8z52QAABppJREFUaIHtm3uIVVUUxn9XpxnzUZmaI1r5ILWsxMyyNKistDcWaQ/CoEBKEipMCIKoLHpBJRXRQ3r+k5GWFjGVRVE+0tTUSiudKTXzUT7KfOTEhm/HYnvOvefcOXPnzq0PNnOYs+5+77W+vdY6OUqPI4GLgRFALbAVWAjMAdZTwbgRaAAaI8oW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"); } } &.content-catalogue { &::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGOmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgMTAuMC1jMDAwIDc5LmQyMGU0NjYzMCwgMjAyNS8xMi8wOS0wMjoxMToyMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI3LjkgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI2LTA5LTExVDE2OjQxOjE4KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wOS0xNlQxMTo0NTozNyswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNi0wOS0xNlQxMTo0NTozNyswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzA4NzA2YWEtOTlmZC00NDNlLTg5NTgtZjFlYjNlM2M5ZDdiIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWVlYTkyMTYtZDY4Yi1jMzQ2LTg2YmQtMWY1NDUzZWQ0ZWJkIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTI0MzQwZDctYTEzZC00MTU1LWFmNzYtNzcyYzg2MDgyMjFlIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMjQzNDBkNy1hMTNkLTQxNTUtYWY3Ni03NzJjODYwODIyMWUiIHN0RXZ0OndoZW49IjIwMjYtMDktMTFUMTY6NDE6MTgrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNy45IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjMwODcwNmFhLTk5ZmQtNDQzZS04OTU4LWYxZWIzZTNjOWQ3YiIgc3RFdnQ6d2hlbj0iMjAyNi0wOS0xNlQxMTo0NTozNyswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI3LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rhnaUgAABqBJREFUaIHtmmmMVEUQx387rLgsrLi4oBwegCKKGjxQIiheJIqIflGjMaLGeBEVFUVixKgf1ETjEQ+O8MkYFRONeGIihwoKXkQFFURRDgF1XRAEV9wxRf7PlI83897MvFlmEv7Jy8zOdvfr6q6u+ld1QTTqgSnA88BAqgc1wA3AO8DIQjqeDGT1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"); } } &.cpd-recorder { &::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA/CAYAAACxdtubAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGOmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgMTAuMC1jMDAwIDc5LmQyMGU0NjYzMCwgMjAyNS8xMi8wOS0wMjoxMToyMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI3LjkgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI2LTA5LTExVDE2OjQxOjE4KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wOS0xNlQxMTo0OToxMCswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNi0wOS0xNlQxMTo0OToxMCswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OWVkNTEwMjctYmM3MS00MTk3LWE1ODktZWYyMmQ4N2Y2ZGQ2IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OWMzYzU2ZGEtYjhjZS0wMTRiLTliMWItNmJhZTA2NDI2Y2M0IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDYzZDE5YzAtOWNlNS00ZGZjLWE5YmYtZGQ5OGEwNDUyMjJkIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NjNkMTljMC05Y2U1LTRkZmMtYTliZi1kZDk4YTA0NTIyMmQiIHN0RXZ0OndoZW49IjIwMjYtMDktMTFUMTY6NDE6MTgrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNy45IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjllZDUxMDI3LWJjNzEtNDE5Ny1hNTg5LWVmMjJkODdmNmRkNiIgc3RFdnQ6d2hlbj0iMjAyNi0wOS0xNlQxMTo0OToxMCswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI3LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+OmDkLwAABhBJREFUaIHlm2mMFEUUx387tC4aj7jeYmBV1BWvqMEIGg+88CBGPCGoCK6i4H1EIlkV1PhBkXgTFDXxg4nxIMYD4weNaLwiQRMFBwVvZREEo+IqO+aZfyeVsnump6d7Zpb9J8X2dL2Zqlev6p0FZIddgVuBD4EfgFeAicAANiEcDXwLlCLa60AbmwB2A35yGHsNeBxY4rx7nj6GzYFWr90jZnqACR7tkw6zx0d8N6jXxFsS0o0BrgIGAwWvbwiwGbAQGO317QgsB7YB1gK/eP22OB8Bs0TXUJwec/b8dmfEd21RPk3w3RXAzo2W6JvAMTqHLwC9ETQmrYdE42MkcI6k7qNNfbaFrwPuo87YUq1Nq22r/nBOY32p35/vjDsw60EC53kPYCpwnGMOzAYOIj+0OjvkPI1t2Chz9RzwGLAhqwFPAlZVOEePkj0GSgmVG3cRsEsWEm0HngG200ouAFY6JsK8m62kIbNGj8Y0fCYbHM5rODACOFJ2eUyMfkiMe7Vytj3GRvR/rv5ngW1lKrJq7XIXS5qHrygfdCRrCjE1AudcLIzxYN4DOoCztLo1raqHLRx9YFvUhTHXBYwTzQnAW7UMtlw/aqsXBXMSPkloS9O2+THOvx2dL0TzSK0SLenZ93hCfAMcpW29dxm6NNigHWO7KQoFx9aH80yFICHdevmtfRYF+gkK9BMU6CcIEtK1VBHSpUGWJis1o9cDk3MOktcpenk7rwGCBFt7CjCU/DGmkYz2ApMUWUTFk1nB4tn7M+DlMGU87Pc+9jMaxZzjzVqjmyTzO1WMlZxmPvT0UOH2Ba0b7qS4HXUJ8BJwiOdBWZ75rjC8bHZGexQ9IX/bx6XAPPGxWkrzIOBk4F3RdOr8N/XWNWyvqMl3+qc429RyVYd7/RZff6X+BUEVKY88pe8G4D5MobzjvbvcEcxvkqAlzF2YQnpDEu1IwmiXNG+eNRQLGq7WxCrhCmUcXSGMjGDUsPV//yo7Um7rmhSX5hyLhu1uKmOqQ98taYefr/Voh8sRsb55SezoBGUX8rSja6RUymEa8ICefwROlO20ItZOwGy5qbOlgRcoXfNX+L1mV0aGCxzJ2TY/wumzpMDvTv9ML7NoriV9gdFzJZWQScsd+ThFu6LkNavp0BcYPR/4W/Nbp4pcHMymukze7hM0K6PjPCZHlaHdy6vHzowiSsJoi8xLVq0SxjtM/uqkZKMw1OGhpOsF/0MSO3qNsvVZxqPLtdWsDOJjghJxA8TkmaroRcGykq9KooYu/1y6qGRHK9VG0rZRMdr1H/WvrZCd38eb24xa49HOHOLRpY7THeJC4AktrjF5RplAfF/detlTn29RpFIWzaCMJsrXLcnbMdsYhw7HWS8p5kyEYoMZvdhhcrUilTjs5xSmrd1czUDFBjI6SccjZNKc8zgMUzkzZPKmagcrNojRyQ6T3aqFxmF/4GuHyRvTDFhMwGirSnzVNPtOHDqdSa/yfFcfB6jQFdLfkIbJIAGNabSLUthRO3dPy0txK2FmP+fquVtpjvdjfuNAadfdnRyzRSepUKxgR5fVYCtXeAs01un7WTFjHA4GvisTb1aFoEJ/r+zb2SnsqLlwL8oBcDVsKMnTdGssbru+7NyIMSbnUCOKdVJGgS5k2FhPlaEb7O2iqBtpVaNA/TBIlzMMi2Nohsh3NfcOpVdMR2SCYp0kOtqR0rER/e2OxDOTZCMYne4463ZvKUSraibhNR9rd2Q9eED9cKj+/iFF1KF3w3Q9L4xTZyncqjuj01LUR4vKpK9ypGalgvDGtt1Ui9LwxuRt3vsrpfXNG/qgijlUbUfD25fVNveScpsy6iXPji7SuJ1Okci/Z7Qyi6MVVOjvlSczvko7usy75bVGzIxQsWiJQi17Xw4Fxw7XfLWg2ATxaK310arsaInmRCkLiRay+qGcsNHRxnHVtsSMfq9nv77YDOiQlkZKsSZc5mjCuXLVgga30IlYrHn96aQ0U6FFB36h/tsVyqVW0oZ5o6AYNLQKM7JyCXfQDetSk7X1WTn1Ld5nK+JYYjk8F42C2U67kGwxqTn6NeNfh/5RQ93FLmcAAAAASUVORK5CYII="); } } &.reports { &::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA5CAYAAACBBvPCAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGOmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgMTAuMC1jMDAwIDc5LmQyMGU0NjYzMCwgMjAyNS8xMi8wOS0wMjoxMToyMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI3LjkgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI2LTA5LTExVDE2OjQxOjE4KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wOS0xNlQxMTo0NjoyMyswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNi0wOS0xNlQxMTo0NjoyMyswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTlhYWM0MDUtYzA5ZC00MzZlLThmNDEtMzQ1ZjdmOWQxYTE1IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YTg0MzIwNWUtN2QwNC02NzRiLThmN2EtZWI5MTMzODQ3NGU3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZTFjZTEwMGItNDNmZS00ZjZlLThiNzYtNjIxMDUwYTU2ZjdiIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMWNlMTAwYi00M2ZlLTRmNmUtOGI3Ni02MjEwNTBhNTZmN2IiIHN0RXZ0OndoZW49IjIwMjYtMDktMTFUMTY6NDE6MTgrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNy45IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk5YWFjNDA1LWMwOWQtNDM2ZS04ZjQxLTM0NWY3ZjlkMWExNSIgc3RFdnQ6d2hlbj0iMjAyNi0wOS0xNlQxMTo0NjoyMyswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI3LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TE10hwAABF5JREFUaIHlm1uIVVUYgD+XW1ObHjKV6PaQkV0UkoQiKTIjSFPKIihBoZDAxidFujFdsSSspBehIggfTOhB8UG60lhpL6UmpZNpoOYFraxT01i6449/x89i7XPOzOztObPXBwv2WWvvf69/7XX5LzPD0zTFOUd3dzdyXRGWAm8Di4A/gJ3Buzo7O6kY9wOpV24kEt4MKP9M6EZH9UgCdXuJgIeAU+aL/w28AYyg4swE+lTpf3QgJhMBVwHHzBd/lEgYC+wyir9CJHQAHxjF11Z0Ew/ynlF8c85O3xKuA7rUyhpVkhWXKS7T/gLahBlqVmad2wgML1D+PcBplX1MN7y2YVPAyrqtINnTgN9UZq8ecRmjG5SzwpcB5Y8Cq4ErBiH3WuCwkTlP6ycAHwE/1Cli5a0HxlAiz6uRkeaUX4FXgcv7KVcU/M7IedG03VnnfX6RASyFZ81LasA7wHLgEa/jUn7RgRKlGjFSv2z2rHxBy2zTtg1YB7yrZZ1nB0wpQ/Eu84Je7ZDlXGAxsMcbhEPAk8C4OrLf8pST890yy7TfF3j+MdNeuMn7tBF+EphT597zJIygAQY7CAe0k5fVGdTvgUsDMq3y8wPtXWUp/7oRfByY3uRzI7SjOwLL4TXgZeALUy8b3ZU5slqi/FNG6M/9UNwiBtDD3roMbZI315Fx1pVf7n2tep1rhtFqDfp7QqqbJUUr7wbY0WXASr2WNX43sIXB0auBh7sCbafLcFjcAJ55TtcjusbljP20wD7JprbC/BZr7gngDAWT9PP+lTrdhd81UrpVf4vltER361AMfJiGlTYAnzR4jxx97wMTgc+AHlrMCrNuRPHbvfYFTVpYB0owMQe05pMmBJ+ju/rj+lu8tXuBD737xpvrvsA0Hame3RiV+SctJmnglorxciEwSetqOtVlSoY2pYwHge3md6pOzRzjitKuyk9St9ROzyNqOn7ehNz9wD6vTk6FtsLl1N8UWJffNKl4NsV9igxmlKp8T6DuRyqGy6kXm3qV2bS+Al6gYiQ59alacRIKPl/dSLHAymQusDBnyWR2wnE9cgs595MG7XbHLhNR7CXg6ibuPaGR20GT0B4MM0usFviyMhuu0WVaWNIxoX3Izv6vgVu8NjGZd6vnV5iN7xgaFO7UDCXlXczKl0ISqOvQQclzS2tlTcNWKu80mTCvwYw4CDwQsN2HtPJjNYbWKKd1EXAHsIYKKZ+oHy7Kfwt8rNMcXQIXa3YUU18Z5VOzzrs1JGW53ijfFv74YHE59SErStJNlcIRMY6IcUSMI2IcEeOIGEfEOCLGETHOXNeM2SrZVB+bW/sr0N6Xcy+ezCzRaTlj3GSb9rJ9y5B/JvCxkeXeBn2TXOP/tn2Hxswu0QRilq6SnJzFRlanBxS8wQtD+5FYSTdnf4aywHZCP4KEyNHcoP/ucSbjMznQPtVc3xqIU4hfkiFJ1h5Nff/nw6cRljUyQpIvlz8miglxyX/6F0nqnS9KCLQeAAAAAElFTkSuQmCC"); } } &.custom-content { &::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA2CAYAAACbZ/oUAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGOmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgMTAuMC1jMDAwIDc5LmQyMGU0NjYzMCwgMjAyNS8xMi8wOS0wMjoxMToyMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI3LjkgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI2LTA5LTExVDE2OjQxOjE4KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wOS0xNlQxMTo0Nzo1NyswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNi0wOS0xNlQxMTo0Nzo1NyswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTY2ZjllNGYtY2I2Yi00Yjg5LWExMmUtYjg4ZTNmMWRlNDcwIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NDJmMGQ5MDctNjQ0YS1lYzRkLWE5OGItM2JiMTczMjdmNTQ5IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NWM4ZTBlODMtODVmZC00YjhjLWJhMDctMTI3ZTI0YmY2NTdjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1YzhlMGU4My04NWZkLTRiOGMtYmEwNy0xMjdlMjRiZjY1N2MiIHN0RXZ0OndoZW49IjIwMjYtMDktMTFUMTY6NDE6MTgrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNy45IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE2NmY5ZTRmLWNiNmItNGI4OS1hMTJlLWI4OGUzZjFkZTQ3MCIgc3RFdnQ6d2hlbj0iMjAyNi0wOS0xNlQxMTo0Nzo1NyswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI3LjkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Qpj9KAAABV9JREFUaIHlmlmMFFUUhv/btDMuIAEVHYKi4AIiLqOiAsY1xiW++GDQiMqoRMREUUEwiiIa4pPxxQWefDAxvhj1SV80wSUuQSRRUBBxDQPTM4qKDgwcc/CvcLhUVXd1VU1XMSe56e6q07fOd5dz7zm3nIggjTjnMAhSBXA+gPEA+gCsAVALbiZiEJFUZRDkegKKKb8BWAKgkpQBBQe+G8AeA7rXA195KAHPNWDbAXQBOAvANQA+MvduPBSA7zVAWwFM8+6PArCZ998qO/A8A7sDwDkReiup820SeysoltwH4EXzux3A9AjdEfzclegJUpwenu/N2Zr5vcDTvRDAH7y3qoxD+n5vyZnCodxtrj9E3fOoo9f+BXB22YBne3P2YnNvJoC/zf2nAWzyG6FMwDcD6DewV4foXAeg11t/tSwPFMoCPAvAbhqv8/GqBtdkLcvszTIA3+LBXhmjOxHAV96wRpmAbzWwvwO4Ikb3VAAbDeyTYUpFBr4NwACN16jn8hjd0zwH9USUYlGBZ3uwl8Xonu7BPh5XcRGBbzdRj3rcS2N0zwDwvYF9rF7lRQO+08DWuLZGySQTFAhjXpQJeI6B7QEwI0Z3MoAfDOziRmCLBNxlAvaemCBA5UwAWwzsokZhiwJ8l4HVQOCSGHt13/yjgV2YBLYIwPcY47d5e2NfNIPxk9F/JClsq4HnerAXxdg5FcDPIdFQaYBvMsZ3M2aNEg39fomJd0sB/I7p2QvqDGML+2Aa2FYBVwF8Q4BXY2w7SXNQBvbZtLCtAh4PYGedHlOdrw3siixgWwV8rQEJCwhONiMgs55tJfASExQM97KOeia03sA+kyVsUuBqRs/s5KcO6xu4J+7kDuoUAMN4X9MyS9FKkfQ93O45orCi++mnisBQzeB5RwEY613bxkzFOgBfAviCny0XZ+ZhmvPhWdwvr2P+aTPj3kGRJAwuLXDZpIIhJhUMMalgiEkFQ0yqeVTq/nfdhwNo0xM+Eelv8H8VLnP7TgZFZCBz28R4aefcfB5ofQbgc24oukUk9NDZOTcSwPE8DpnCfLJ+P4YH1u08/dsA4A0tIrI7pB7NitzBvJe+zqBG/cVjmC1c03Uv/h1Dy76wxmBDjwYwAcC5zH1rYy8SkdoBwM65saz8MFPHnzyL3c6Hq7EVwqhhYwAcy55sRFZrVkRENvCZ+qznADyQYHr18r2PXp447uJ/h7OhO2iXlXki8rI/pI9UGzzFEUyMa6knmrSrsQe6aVA/G2Y6jdAE/PvOOT0mXQvgdb6HBW4/VzOhp6Kj5zgAJ/LzCF4fzZJERgZfLLDQaJX3ALzG7MQkDttR7MkBDrc+JuA2meH2K4fbAbsZ51wHc1aapDsBwNvU1WkAgi4UkU99S51z2hEdHKaTOW0mcGQdTV+xhzb18NRiDf+z1HQGKfcHARPN4fSykCChja2sD6g0GWgEYaQtH+joarK+SJvYURKkfoPrUfPmoDmpjktE/hER9Z77WyyBiMgK5r4C0ePSOSKys8n64mxSb3+QWGA7DPPcYD9vvr8pInq8koeE8ljgvcZp5bkh+YQ+QnPSr+T4nNBR6OhBFzDvFKRXtzLUa1aEa/nyiHV33zIiIjtCjXJuBh1csAlp5vnqaHUtBj3/eu4t8HGdbEWaMrNJZ/RuXjZVAbxALxc6yZtoWa1nnHmJ7MMkFTjnqlx6wFUjWJezsG1t0KKOnjmLMsacGenaPC5h7y42PfJohna1af25ZDycc/r670v8uZEvjNZL+Qzj2wFd5n/TRESXruJkLSW6p1almGu6Ne3MxS7JD1h77GH2lH2NP66o19aNydS87PoP+PSsi0cMrI8AAAAASUVORK5CYII="); } } } .login-label { margin: 0; font-size: .8rem; line-height: 1.4; font-weight: 700; } .login-cta { display: table; margin: 2rem auto 0; padding: 4px 12px 5px; border-radius: 12px; background-color: rgb(from var(--color-neutral-3) r g b / 80%); color: var(--color-headings); font-size: .8rem; line-height: 1; font-weight: 600; white-space: nowrap; } } .login-more-wrapper { display: flex; gap: 1rem; .login-more-button a { display: table; margin: .25rem auto auto; padding: .8rem 1.25rem; border-radius: var(--btn-radius); background: var(--btn-accent-color); color: var(--btn-accent-color-contrast); font-size: 1.1rem; font-weight: 600; white-space: nowrap; } } @media (max-width: 520px) { .login-feature-card { width: 100%; min-height: 0; padding-left: 6.8vw; padding-right: 6.8vw; .features { column-gap: 5vw; } } } } /*** *** WR458931: CSS to resize the CPD graph in small screens ***/ .block_cpd { .block-content .block { border: none !important; } .circle-label { font-size: .8rem; line-height: 1.7; @media (min-width: 992px) and (max-width: 1600px) { font-size: .7rem; } } .circle-progress { canvas { max-width: 65%; height: auto !important; margin-top: 50px; transition: .2s; } &:first-of-type { canvas { max-width: 100% !important; margin-top: 2px !important; } } @media (min-width: 992px) and (max-width: 1279px) { canvas { max-width: 60%; margin-top: 40px; } } } } /*** *** Responsive styling ***/ @media (min-width: 875px) { .tui-modal--type-normal.tui-modal--size-large.tui-modal--animated.tui-modal--in .tui-modal__inner { width: 45rem; max-width: 45rem; max-height: 80vh; overflow: hidden; .tui-totara_catalog-itemModal__content { overflow: auto; } .tui-totara_catalog-itemModal__image { max-width: 16rem; margin: .5rem .5rem 0; border-radius: var(--border-radius-curved); } } .tui-modal__inner .tui-totara_catalog-itemModal__title { font-size: var(--font-h3-size); line-height: var(--font-h3-line-height); } } @media (min-width: 992px) { #region-main { margin-left: 0; margin-right: 0; max-width: inherit; } .tui-theme_inspire-navigation__toggle--navExpanded { padding: 8px; } .tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__nav { width: var(--nav-width); } .tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__headingLogo { max-width: 100%; max-height: 55px; margin: 0 auto !important; object-fit: contain; } .userToolbar_prim--side .usermenu .usertext { font-size: .8rem; font-weight: var(--font-weight-normal); color: var(--link-color); } } /*** *** Multifactor styling ***/ .tui-core_mfa-registerFactor--duringLogin { width: 37rem; } /*** *** Badges styling ***/ #page-badges-mybadges { .badges li { width: 280px; .badge-actions { a { display: inline-block; font-size: 1.2rem; margin: .25rem .25rem; } } } .noticebox { margin-bottom: 1rem; } #issued-badge-table { h2 { display: none; } #fgroup_id_searchgroup { border-bottom: 1px solid var(--color-neutral-4); margin: 0 0 2rem; padding: 1rem 0 0; } } .activatebadge { margin-bottom: 2rem; } .box, .generalbox { h2 { font-family: var(--font-family); font-size: var(--font-h3-size); font-weight: var(--font-weight-bold); } .btn.btn-default { margin: 1rem auto; } } } /*** *** CPD styling ***/ #page-local-cpd-index { #region-main .container-fluid { padding: 0 1rem 0 0; .col.col-lg-4.col-md-12 { padding: 1rem 1rem; @media (min-width: 1200px) { width: calc(33.3333333333% - 1rem); margin-left: 1rem; border:1px solid var(--color-neutral-3); } } } &.path-local-cpd .summary { > div { font-size: .75rem; line-height: 1.2; padding-top: .5rem; padding-bottom: .5rem; } } .border, .idd_selectable { display: flex; gap: .25rem; padding: .55rem; border-radius: calc(var(--border-radius-curved) / 2); &.bg-red { border-color: var(--color-prompt-warning); background-color: rgb(from var(--color-prompt-warning) r g b / 20%); .icon::after { font-family: "tfont"; font-size: 16px; content: "\eb0a"; color: rgb(from var(--color-prompt-warning) r g b / 100%); } } &.bg-green, &.selected { border-color: var(--color-primary); background-color: rgb(from var(--color-neutral-1) r g b / 70%); .icon { .flex-icon { display: none; } &::after { font-family: "tfont"; font-size: 16px; content: "\ea77"; color: var(--color-prompt-success); } } } &.selected, &.not-selected { margin-bottom: .5rem; &:focus, &:hover { box-shadow: var(--btn-shadow-hover); } &::before { font-family: "tfont"; font-size: 16px; content: "\ec5c"; margin-right: .4rem; } } &.selected::before { font-size: 1.4rem; content: "\ea7b"; color: var(--color-prompt-success); margin-right: 0; } } } #page-local-teamleadercontrolpanel-allocate { [role="main"] { .row, .container-fluid, .col-md-offset-1 { margin: 0; padding: 0; } .col { width: 100%; } } } /*** *** Totara Certifications styling ***/ #page-totara-program-view { .nextsetoperator, .tui-totara_program-navigationBar { display: none; } .navbutton { text-align: right; padding: .5rem 0; } .tui-totara_program-programHeader { position: relative; margin-bottom: 1rem; .tui-grid-item { position: relative; border-left-width: 1rem !important; .tui-totara_program-programHeader__progress { height: 100%; padding: 2rem; p, ul { margin-top: 0 !important; margin-bottom: .45rem !important; } @media (min-width: 1393px) { padding-top: 1rem; padding-bottom: 0; } @media (min-width: 1480px) { padding-top: 2rem; p, ul { margin-bottom: .75rem !important; } } } .tui-totara_program-programHeader__summary { padding: 0; p { margin: 1rem 0 .25rem; } } @media (min-width: 992px) { &.tui-grid-item--first { min-width: 70%; border-left-width: 0 !important; } } } .tui-totara_program-programHeader__wrapper { display: flex; flex-wrap: wrap; gap: 2rem; .tui-totara_program-programHeader__image { width: 20rem; } .tui-totara_program-programHeader__options { margin-left: auto; } } } .tui-grid-item { position: relative; flex-basis: 100% !important; .tui-card { flex-basis: 100% !important; } @media (min-width: 689px) { flex-basis: 46% !important; } @media (min-width: 992px) { flex-basis: 31.2% !important; } @media (min-width: 1280px) { flex-basis: 22.9% !important; } @media (min-width: 1520px) { flex-basis: 18.5% !important; } } .tui-totara_program-multipleCourseSets__courseSetGroup { border: none; border-radius: var(--border-radius-curved); margin-top: 0; margin-bottom: 2rem; padding: 2%; background: var(--color-neutral-2); position: relative; &::after { content: ""; clip-path: polygon(50% 44%, 0 0, 100% 0); display: block; position: absolute; bottom: -48px; background: var(--color-neutral-2); z-index: 100; width: 50px; height: 50px; left: calc(50% - 25px); @media (min-width: 992px) { left: 15%; } } &:last-of-type { &::after { display: none; } } h3 { margin-top: 0; font-size: calc(var(--font-h3-size) + 8px); margin-bottom: 1rem; } p, b { display: none; } .tui-grid { gap: 1rem; flex-wrap: wrap; justify-content: flex-start; .tui-grid-item { display: flex; padding: 0; border: none; border-radius: var(--border-radius-curved); background: rgba(255,255,255,0.9); .tui-card { position: unset; display: flex; border: none; border-radius: var(--card-border-radius); outline: none; max-width: 100%; justify-content: center; @media (min-width: 992px) { max-width: 100%; justify-content: flex-start; align-items: stretch; } } .tui-card--clickable { &:focus, &:hover { box-shadow: 0 8px 22px rgba(17, 17, 17, 0.07), inset 0 4px 20px rgba(255, 255, 255, 0.3); } } .tui-core_course-courseCard { position: relative; display: flex; flex-direction: column; width: 100%; background: var(--color-neutral-1); padding: 0 0 4rem; border-radius: var(--border-radius-curved); .tui-core_course-courseCard__image { width: 100%; height: auto; aspect-ratio: 16/9; background-position: 50%; background-size: cover; border-radius: var(--border-radius-curved); } .tui-core_course-courseCard__content { padding-top: 1rem; .tui-core_course-courseCard__title { font-size: var(--font-h4-size); margin-top: .5rem; margin-bottom: 1rem; } .tui-core_course-courseCard__title--limitHeight { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: auto; max-height: 5rem; } .tui-totara_program-courseSet__courseCardProgress { position: absolute; left: 0; right: 0; bottom: 4.2rem; margin: 0 auto; max-width: calc(100% - 2rem); } } .tui-totara_program-courseSet__courseCardLaunch { position: absolute; left: 0; right: 0; bottom: -1rem; max-width: calc(100% - 2rem); font-size: var(--font-body-size); color: var(--color-primary); margin: 1.8rem auto !important; padding: .5rem .75rem; border: 3px solid var(--color-primary); background: var(--color-neutral-1); border-radius: var(--btn-radius); transition: .2s; cursor: pointer; &:focus, &:hover { color: var(--color-neutral-1); background: var(--color-primary); box-shadow: var(--btn-box-shadow); } } } } } } .tui-totara_program-multipleCourseSets__courseSetGroup-border { border: none; } } .tui-totara_program-programHeader__options { margin-left: auto; position: absolute; z-index: 1001; top: .5rem; right: .5rem; button.tui-btn { width: 32px; height: 32px; min-width: 32px; min-height: 32px; border-radius: 50%; background: var(--color-neutral-1); } .tui-popoverPositioner { white-space: nowrap; } } /*** *** Featured Links - Report Tiles Custom styling ***/ .block_totara_featured_links { &.report-tiles { .block-totara-featured-links-layout { > div .block-totara-featured-links-content-container { position: unset; display: block; background: var(--color-neutral-1); } > div:not(.block-totara-featured-links-placeholder)::before { width: 100%; aspect-ratio: 16/9; padding-top: 0; } } .block-totara-featured-links-tile { flex-wrap: wrap; flex-grow: 1 !important; min-width: 19%; max-width: 19%; height: auto; margin: .5% .5% 1%; background-position: top; background-repeat: no-repeat; background-size: contain !important; @media (max-width: 1399px) { min-width: 24%; max-width: 24%; } @media (max-width: 991px) { min-width: 32%; max-width: 32%; } @media (max-width: 560px) { max-width: 100%; } } .block-totara-featured-links-content { &.block-totara-featured-links-content { position: relative; padding: .5rem .8rem; h3 { font-size: var(--font-h4-size); } h3, p { color: var(--color-text); } } &.block-totara-featured-links-content::before { position: relative; display: block; width: 100%; height: 100%; background: var(--color-neutral-1); } } } } /*** *** Totara Modal styling ***/ @media (min-width: 875px) { .tui-modal--type-normal.tui-modal--size-large .tui-modal__inner { width: 360px; } .tui-totara_catalog-itemModal__title { font-size: 17px; line-height: 1.3; } .tui-totara_catalog-itemModal__content { gap: .5rem; margin-top: 0; } } /*** *** Pagination styling ***/ .paging .current-page { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .paging .current-page, .page-numbers.active-page, #page-admin-course-management #course-listing .listing-pagination a.active-page { border: 1px solid var(--color-neutral-5); background: var(--color-neutral-3); border-radius: 50%; } /*** *** Custom SQL styling ***/ .csql_category h2 { font-size: var(--font-h3-size); } #page-admin-report-customsql-edit .mform .ftextarea textarea { max-width: 100%; }