: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-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled)}:root{--nav-bg-color: #002D74;--nav-text-color: #EDEBEB;--color-primary: #2B7DE1;--btn-accent-color: #2B7DE1;--link-color: #005B96;--color-state: #1C2D69;--color-text: #474747;--footer-bg-color: #002D74;--footer-text-color: #EDEBEB;--btn-accent-color-hover: #2173d7;--btn-accent-color-active: #1062c6;--link-color-hover: #00518c;--color-state-hover: #12235f;--color-state-focus: #12235f;--color-state-active: #01124e;--footer-text-color-hover: #e3e1e1;}
body {
    background-color: #E3E1E1;

}

.totaraNav .masthead_logo h1 a img {
max-height: 70px;
width: auto;
height: auto;
}

.tui-core_auth-loginLayout__panel-graphic::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 120, 212, 0.3); /* Blue overlay */
pointer-events: none;
}

#instance-4708-header {
    font-size: 16px;
    color: black;
}

#instance-4708-header,
#instance-20-header {
    font-size: 16px;
    color: black;
}

a:hover {
color: #D0343A;
text-decoration: underline;
}

.masthead_logo--header_img {
max-height: 60px !important;
width: auto !important;
height: auto !important;
}

#page-footer {
text-align: center;
}

.tui-core_auth-footer,
.tui-core_auth-footer .footnote,
.tui-core_auth-footer .text_to_html,
.tui-core_auth-footer_poweredBy,
.tui-core_auth-footer_poweredBy * {
text-align: center !important;
}