: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{--color-primary:#06bad3;--color-secondary:#174E89;--color-tertiary:#E5E6E0;--color-state:#174E89;--color-state-hover:#174E89;--color-state-focus:#174E89;--color-state-active:#174E89;--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:#ffffff;--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);--site-width:1680px}.tui-dropdown__menu{z-index:var(--zindex-dropdown-menu);min-width:15rem;max-width:32rem;max-height:40vh;padding:calc(max(var(--gap-2), var(--dropdown-border-radius))) 0;overflow-y:auto;background-color:var(--dropdown-menu-bg-color);background-clip:padding-box;border:var(--border-width-thin) solid var(--dropdown-menu-border-color);border-radius:var(--dropdown-border-radius);box-shadow:var(--shadow-2)}.tui-dropdown--separator .tui-dropdown__menu{padding:0}.tui-dropdown--flexibleWidth .tui-dropdown__menu{min-width:0;max-width:none}.tui-dropdown--fixedWidth .tui-dropdown__menu{width:32rem}.tui-dropdown__content{display:flex;flex-direction:column}.tui-dropdown__content--separator>*:first-child{border-top-left-radius:calc(var(--dropdown-border-radius) - var(--border-width-thin));border-top-right-radius:calc(var(--dropdown-border-radius) - var(--border-width-thin))}.tui-dropdown__content--separator>*:last-child{border-bottom-right-radius:calc(var(--dropdown-border-radius) - var(--border-width-thin));border-bottom-left-radius:calc(var(--dropdown-border-radius) - var(--border-width-thin))}.tui-dropdown__content--separator>*+*,.tui-dropdown__content--separator>*+.tui-dropdownButton,.tui-dropdown__content--separator>*+.tui-dropdownButton:hover,.tui-dropdown__content--separator>*+.tui-dropdownButton:focus,.tui-dropdown__content--separator>*+.tui-dropdownButton:active,.tui-dropdown__content--separator>*+.tui-dropdownButton:focus:active{border-top:var(--border-width-thin) solid var(--dropdown-menu-border-color)}.tui-dropdown--fixedHeight .tui-dropdown__content{height:100%}.tui-dropdown--fixedHeight .tui-dropdown__menu{height:38vh;overflow-y:visible}.tui-dropdown--disabled{cursor:not-allowed}.tui-dropdown--disabled .tui-dropdown__trigger{pointer-events:none}.tui-settingsFormBrand__testEmailInfoButton{align-self:center}:root{}
.course-content .tileoutlinepage .tileoutlinearea .course-name>h1, .course-content .tilesectionpage .tileoutlinearea .course-name>h1 {
    background-color: rgba(5,36,97,0.6);
}
.androlabel .section-heading {
    background: #052460;
    color: #fff;
}

/* QT-394293: Request to Update and Reformat Login Page */
.login-image {
    display: none;
}
.login-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
}
.login-wrapper .loginbox {
    max-width: 100%;
    background-color: transparent;
}
.login-wrapper .loginbox .loginpanel {
    max-width: 70%;
}
.loginheading>img {
    max-width: 300px;
}
.loginheading.text-left {
    text-align: center;
}
.loginheading.text-left {
    text-align: center;
    border-bottom: 5px solid #F37121;
    background-color: #fff;
}
.loginnotice {
    margin-bottom: 0;
}
.loginbox .subcontent {
    background-color: rgba(255, 255, 255, .8);
}
.login-2-columns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.login-column_left {
    flex: 0 0 60%;
    padding-right: 15px;
}
.signuppanel {
    padding: 0;
    margin-top: 15px;
}
.hr-line {
    border: 0.5px solid #000;
    margin-bottom: 10px;
}
.login-column_right {
    flex: 0 0 35%;
    margin-left: auto;
}
.login-links .forgetpass {
    margin: 0 auto;
    margin-top: 10px;
    font-weight: bold;
}
loginbox .subcontent {
    background-color: #fff;
    padding: 30px;
}
.login-wrapper .loginbox .loginpanel {
    max-width: 80%;
}
.loginheading.text-left {
    border-bottom: 0;
    background-color: transparent;
}
.login-wrapper {
    background-color: #fff;
}
.loginbox .subcontent {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.hr-line {
    border: 0.5px solid #eee;
}
.rememberusername {
    display: block;
}
.forgetpass {
    text-align: center;
}
.forgetpass>a {
    color: #fff;
    display: block;
    background-color: #052460;
    border: 1px solid #052460;
    font-weight: bold;
    width: 100%;
    border-radius: 3px;
    padding: 15px 0;
    transition: all 0.3s ease;
}
.forgetpass>a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #052460;
}
a {
    cursor: pointer;
}
h3.login-title {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
}
.forgetpass {
    margin-top: 15px;
}
@media only screen and (max-width:767px) {
    .login-column_left {
        flex: 0 0 100%;
        padding-right: 0;
    }
    .login-column_right {
        flex: 0 0 100%;
    }
}

.loginbox .btn-register, .loginbox #loginbtn {
    font-size: 14px;
}
.login-wrapper {
    background-size: auto 100%;
    background-position: left 850px bottom;
}
.login-wrapper .loginbox .loginpanel {
    margin: 0;
    max-width: 1000px;
    background-color: #fff;
    border-right: 5px solid #F37121;
}
img.login-logo {
    max-width: 250px;
}