:root{--color-primary:#69bd45;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--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:#fff;--nav-text-color:var(--color-text);--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-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #346b82;--nav-text-color: #ffffff;--color-primary: #346b82;--color-state: #346b82;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--color-state-hover: #2a6178;--color-state-focus: #2a6178;--color-state-active: #195067;--footer-text-color-hover: #1c1c1c;}
.page-footer-poweredby {
display: none
}

.totaraNav_prim>.container-fluid {
height: 100%;
}

.totaraNav_prim .masthead_logo--header_img {
height: 4rem;
}

.totaraNav_prim .masthead_logo  {
height: auto;
}

#page-login-forgot_password #id_searchbyusername {
    display: none;
}

.loggedinas-label {
   color: var(--nav-side-text-color) !important;
}
}

/* Add a black highlight color on focus for interactive elements */
button:focus, .btn:focus, a:focus, input:focus, textarea:focus {
    outline: 3px solid #000000; /* Black color */
    box-shadow: 0 0 2px #000000; /* Black shadow */
 
}