/**********************************************
************* LMS REBRAND STYLES **************
    Updated: 30/01/2023
**********************************************/

/* general */
body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    line-height: normal;
    background: #fff;
}

b, 
strong {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
}

a, 
button.linkButton span, 
.linkButton a, 
a.linkButton, 
.linkButton, 
.linkButton a {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #252d59;
    text-decoration: underline;
}

a:hover, 
button.linkButton span:hover, 
button.linkButton:hover span, 
button.linkButton span:hover, 
.linkButton a:hover, 
a.linkButton:hover, 
.linkButton:hover {
    color: #252d59;
    text-decoration: none;
}

.orangeButton.disabled, 
.orangeButton.disabled button, 
.orangeButton.disabled:hover, 
.orangeButton.disabled button:hover, 
.orangeButton.disabled:hover button { border-color: #c0c0c0 !important; color: #fff !important; }

button.linkButton:disabled span { color: #aaa; cursor: context-menu; }

.accountLinks { display: block; overflow: visible; }
.accountLinks ul { float: right; line-height: normal; }

.accountLinks ul a, 
p a, 
a.standardLink {
    color: #252d59;
    text-decoration: none;
}
.accountLinks ul a:hover, 
p a:hover, 
a.standardLink:hover {
    color: #252d59;
    text-decoration: underline;
}

hr { margin: 20px 0; border-top: solid 1px #D1D1D1; }

.errorContainer {
    padding: 0;
    line-height: normal;
    color: #af3e3e;
    border-left: 3px solid #af3e3e !important;
    border: none;
    margin: 10px 0;
    background: #fce0e0;
    font-size: 14px !important;
}
.errorContainer ol li, 
.errorContainer ul li {
    border: none !important;
    font-size: 13px;
    padding: 5px 0 5px 15px;
}

.errorContainer ol li label, 
.errorContainer ul li label {
    color: #af3e3e !important;
    margin: 0 !important;
    width: auto !important;
    font-size: 14px;
}

input.error, 
input.input-validation-error, 
select.error, 
select.input-validation-error, 
textarea.error { background: #fce0e0 !important; border: 1px dotted #af3e3e !important; outline: none; }

li.validationErrorHtmlRaw {
    padding: 20px;
    line-height: normal;
    color: #af3e3e;
    border-left: 3px solid #af3e3e !important;
    border: none;
    margin: .25em 0;
    background: #fce0e0;
    font-size: 14px;
}
li.validationErrorHtmlRaw a { color: #af3e3e; text-decoration: underline; }

.warning {
    float: left;
    margin: 10px 0;
    padding: 15px !important;
    color: #f26729 !important;
    background: #f7ebe8;
    border-left: 3px solid #f26729;
}
.warning a { color: #f26729 !important; font-size: inherit !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: normal;
    line-height: 1.2em;
    color: #252d59;
    margin: 0.5em 0;
    padding: 0;
}
h1 {
    margin: 0.5em 0;
}

h2 {
    font-size: 1.4em;
}

h3 {
    color: #444;
    font-size: 0.8em;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
}

h4 {
    color: #444;
    font-size: 1.2em;
}

h5,
h6 {
    color: #444;
    font-size: 1em;
}

.page-container h2 {
    margin: 0 0 0.5em 0;
    padding: 0 !important;
}

p {
    font-size: 0.8em;
    line-height: 1.5em;
}



/* forms */
.form input, 
.form select, 
.form textarea {
    padding: 10px;
    border: 1px solid #D1D1D1;
}

/* .form span label { font-size: 100%; } */

/* structure */
#mainBody { position: relative; }

.mainBody { position: relative; }
.mainBody hr { display: none; }

.pageHeader { height: 110px; margin: 10px 0 0 0; }

.pageHeader, 
.mainmenu, 
#loginContent, 
.fullWidthContent, 
.footerLinks { padding: 0; }

.fullWidthContent { width: auto; margin: 0; }

.container {
    margin: 0;
    background: url("/images/lms-header-bg.png") repeat-x scroll 0 0 transparent;
}
.container.login {
    margin: 0;
    background: #fff;
    background-position-x: center;
}

.headerTitle {
    height: auto;
    margin: 0;
    font-size: 1.8em;
    color: #252d59;
    line-height: 1.2em;
}

.headerLogo {
    width: auto;
    height: auto;
    padding: 20px 0 0 0;
    margin-bottom: 1rem;
}

    .headerLogo a {
        display: block;
    }

    .headerLogo img {
        width: 240px;
        padding: 0;
    }


.footer {
    height: auto;
    min-height: 100px;
    margin: 0;
    padding: 20px 0;
    background: #252d59;
}

.footerContent { background: none; }

.footer .copyright { margin: 0; padding: 0; font-size: 0.8em; line-height: normal; }

.footerLinksAbout li a, 
.footerLinksAbout li a:active { color: #2983c5; font-weight: normal; }
.footer ul { height: auto; }
.footer ul li { line-height: normal; }
.footer ul li:first-child { margin: 0; }
.footer ul li:first-child a { padding-left: 0; }

.footer .footerLinksAbout { height: auto; margin: 10px 0 0 0; line-height: normal; }


/*********** LOGIN **********/
.login .mainBody {
    margin: 0 auto;
    padding: 0 0 20px 0;
}

#loginContent {
    width: 100%;
    margin: 0;
}

    #loginContent .loginControls p {
        color: #4d4d4f;
        margin: 10px 0;
        padding: 0;
    }


.loginWelcome, 
.loginLeftPanel {
    width: 100%;
    margin: 38px 0;
    padding: 0;
    background: none;
    display: block;
    float: none;
}

.loginWelcome {
    margin: 0px !important;
}

#loginContent .leftCol {
    float: left;
    width: 32%;
    margin-right: 2%;
}

#loginContent .rightCol {
    float: left;
    width: 32%;
}

#loginContent .leftCol1 {
    float: left;
    width: 31%;
    margin-right: 2%;
}

#loginContent .middleCol {
    float: left;
    width: 31%;
    margin-right: 2%;
}

#loginContent .rightCol1 {
    float: left;
    width: 31%;
    margin-right: 2%;
}

#divSignIn {
    margin: 0;
    min-height: 200px;
}

    #divSignIn.loginPanel.employee {
        margin: 8% 0 0 0;
    }

#loginContent .loginControls h1 {
    display: block;
    margin: 0 0 0.5em 0;
    padding: 0;
    font-size: 1.4em !important;
}

.login-welcome-title {
    display: block;
    margin: 0 0 0.5em 0 !important;
    color: #f26729;
}

.loginWelcome h2 {
    font-size: 1.1em !important;
    color: #fff !important;
}

    .loginWelcome h2:nth-child(5) {
        display: none;
    }

.loginWelcome .clear {
    display: none;
}

.loginWelcome ul {
    margin: 10px 0;
}

.loginWelcome ul li {
    list-style: disc;
    color: #fff;
}
.registerNow {
    height: auto;
    margin: 10px 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
}
.registerNow a {
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 5px 40px;
    background: #fff;
    border: 2px solid #fff;
    color: #252d59;
        font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: bold;
        font-size: 0.8em;
        line-height: 26px;
        text-decoration: none;
}
.registerNow a:hover {
    background: none;
    color: #fff;
}

#loginContent .loginControls a, 
#loginContent .loginControls button.linkButton {
    font-size: 0.8em;
}

#loginContent .loginControls a { color: #252d59; text-decoration: underline; }
#loginContent .loginControls a:hover { color: #252d59; text-decoration: none; }

.loginWelcome p { color: #fff !important; }
.loginWelcome p:last-child { display: none; }

#loginControls {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 40px 0 0 0;
}

.loginControls label {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.loginPanel {
    width: 100%;
    padding: 20px;
    background: #fff;
    border: none;
    border-radius: 0px;
    float: left;
    clear: none;
    margin: 0;
    box-sizing: border-box;
    box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.1);
}
.loginControls .titleBox {
    float: none;
    margin: 0;
}
.loginControls .loginBox {
    width: auto;
    margin: 0;
    overflow: visible;
}

.loginControls .loginBox DIV.issuerNameBox { float: left; width: 65%; margin: 15px 0; }


.loginBox #passwordstrength .passwordstrengthIcon {
    top: 10px;
}


#loginContent #divSignIn a {
    color: #252d59 !important;
}

#loginContent #divSignIn p br {
    display: none;
}

#loginContent #divSignIn p a:hover {
    text-decoration: none !important;
}

#loginContent #divSignIn a {
    text-decoration: underline;
}

    #loginContent #divSignIn a:hover {
        text-decoration: none;
    }

#loginContent .forgottenPassword {
    float: none;
    display: block;
    margin: 0;
    text-align: right;
    line-height: inherit;
}

#loginContent .floatRight {
    float: none;
    margin: 20px 0 0 0 !important;
    text-align: right;
}

#ProceedButton {
    float: none;
    margin: 20px 0 0 0 !important;
    text-align: center;
}

#loginContent label {
    margin: 15px 0;
    color: #4d4d4f;
    width: 35%;
    font-size: 0.8em;
}

#loginContent input {
    width: 145px;
    margin:10px 0;
    padding: 10px;
    border: 1px solid #d1d1d1;
    width: 65%;
    box-sizing: border-box;
}
#loginContent #divRecaptcha #labelCaptchaCode { width: 35%; }
#loginContent #divRecaptcha #CaptchaCode { font-size: 0.8em; }

.loginControls .orangeBorderLeft {
    float: none;
    width: auto;
    display: block;
    margin: 0;
    border: none;
}

.orangeButton button, 
.orangeButton button:hover {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px 40px;
    color: #fff;
    background: #f26729;
    border: 2px solid #f26729;
    border-radius: 2px !important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    cursor: pointer;
}
.orangeButton input, 
.orangeButton {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0;
    padding: 0px;
    background: none !important;
    border: none !important;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    cursor: pointer;
}

.orangeButton button:hover {
    background: none !important;
    color: #f26729;
}


#loginContent #divAccessSingle {
    margin: 0 !important;
    min-height: 200px;
}

    #loginContent #divAccessSingle h1 {
        color: #f26729;
    }

    #loginContent #divAccessSingle a {
        color: #252d59;
        font-size: 0.8rem;
    }

    #loginContent #divAccessSingle #SingleHolding_IssuerCode {
        width: 60%;
    }

    #loginContent #divAccessSingle #SingleHolding_CaptchaCode {
        width: 30%;
    }

    #loginContent #divAccessSingle #SingleHolding_Hrn {
        width: 60%;
        height: auto;
    }


#loginContent #divInsideAustralia input {
    width: 30% !important;
}
#loginContent #divAccessSingle .helpLink {
    background: transparent url(/images/icons/help.png) 100% 50% no-repeat;
    padding: 40px 0 0 5px !important;
    position: initial;
    /* right: 175px; */
}
#loginContent #divAccessSingle label {width: 35%; font-size: 0.8em !important; text-align: left;}

.mainBody #loginContent .LBD_CaptchaDiv {
    max-width: 150px !important;
    display: inline-block;
}
.mainBody #loginContent .LBD_CaptchaImage {width: 120px !important; }
.mainBody #loginContent .LBD_CaptchaDiv img {
    max-width: 120px;
}

#loginContent #divHrn { width: 100%; }
#loginContent #divAccessSingle #divInsideAustralia { text-align: right;}
#loginContent #divAccessSingle #divInsideAustralia span, 
#loginContent #divAccessSingle #divInsideAustralia button {
    margin: 0;
    padding: 20px 0;
    line-height: normal;
    vertical-align: inherit;
}

    #loginContent #divAccessSingle #divInsideAustralia span,
    #loginContent #divAccessSingle #divInsideAustralia button {
        padding: 16px 0 !important;
    }

#RegistrationCaptcha_CaptchaImage,
#ExpressLoginCaptcha_CaptchaImage {
    border: none;
    float: right;
}


.LBD_CaptchaIcons {
    margin-left: 5px;
}

#loginContent #divAccessSingle #divInsideAustralia button {
    color: #252d59;
    text-decoration: underline;
}

    #loginContent #divAccessSingle #divInsideAustralia button:hover {
        text-decoration: none;
    }

        #loginContent #divAccessSingle #divInsideAustralia button:hover span {
            color: #252d59;
            text-decoration: none;
        }

#loginContent #divAccessSingle .IsTermConditionsAccepted input {
    width: auto;
    float: none;
}

#loginContent #divAccessSingle .floatRight {
    margin: 33px 0 0 0 !important;
    display: block;
    width: 100%;
}

#loginContent #divAccessSingle .IsTermConditionsAccepted {
    display: block !important;
    float: none !important;
    /*     padding-top: 20px !important; */
}


#loginContent .orangeButton button {
    width: auto;
    min-width: 200px;
    height: auto;
    margin: 0;
    padding: 5px 40px;
    color: #fff;
    background: #f26729;
    border: 2px solid #f26729;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-weight: normal;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    cursor: pointer;
}
#loginContent .orangeButton button:hover { background: none; border: 2px solid #f26729; color: #f26729; }

#loginContent .loginPanel.employee .orangeButton button, 
#loginContent #employeeLogin .orangeButton button { background-color: #252d59; border-color: #252d59; }
#loginContent .loginPanel.employee .orangeButton button:hover, 
#loginContent #employeeLogin .orangeButton button:hover { background: none; border: 2px solid #252d59; color: #252d59; }

.orangeButton #btnClose {
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 40px;
    color: #fff;
    background: #aaa;
    border: 2px solid #aaa;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    cursor: pointer;
}
.orangeButton #btnClose:hover { background: none; border: 2px solid #aaa; color: #aaa; }

#loginContent #divSignIn:nth-child(3) {background: #fff;}
#loginContent #divSignIn .employeeTitleBox { width: auto; float: none; margin: 0; }
#divSignIn h1 { color: #f26729 !important; }
#divSignIn .employeeTitleBox h1 { color: #252d59 !important; }
#loginContent #divSignIn .employeeLoginBox { width: auto; margin: 0; }

.loginControls .loginBox .formitem { font-size: inherit; }

.login .campaignBody { display: block; min-height: 260px; padding: 4% 0; background: #eee; }
.login .campaignBody .campaignInner { width: 960px; margin: 0 auto; }
.login .campaignBody .campaignInner .left { float: left; width: 48%; margin-right: 4%; }
.login .campaignBody .campaignInner .right { float: left; width: 48%; background: #ccc; }

/* Open Briefing campaign */
#divOpenBriefing{ 
    height: 260px;
    margin: 0;
    padding: 25px;
    background: #fff;
    border: none;
    border-radius: 0px;
    float: none;
    clear: none;
    box-sizing: border-box;
}
#divOpenBriefing .openBriefingLogo {
    float: none;
    width: 168px;
    height: 70px;
    margin: 0 auto;
    padding: 0;
    background: transparent url(/images/OB-logo.gif) center center no-repeat;
}

#divOpenBriefing .openBriefingSummary .latestOpenBriefings a {
    width: 254px;
    height: 42px;
    margin: 0;
    padding: 0;
    background: url(/images/button-checkoutlatestOB.png) center center no-repeat;
}
#divOpenBriefing .openBriefingLogo p { display: none; margin: 0 auto; padding: 0; }
#divOpenBriefing .latestOpenBriefings { display: inline-block; margin: 20px auto; }
#divOpenBriefing .openBriefingSummary { float: none; width: 100%; padding: 0; }

.openBriefingSummary p br {
    display:  none;
}

/* 2nd Campaign */
.login .campaignBody #divCampaign {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

    .login .campaignBody #divCampaign h1 {
        margin: 50px 0 0 0;
    }

    .login .campaignBody #divCampaign p {
        font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: bold;
        font-size: 16px;
        color: #252d59;
    }


.login .campaignBody #divCampaign .divCampaignInner.au {
    height: 260px;
    padding: 0 80px;
    background: url(../images/LMS-share-sale-centre.jpg);
}

.login .campaignBody #divCampaign .divCampaignInner.nz {
    height: 260px;
    padding: 0 40px 0 180px;
    background: url(../images/LMS-annual-tax-statements.jpg);
}
.login .campaignBody #divCampaign .divCampaignInner.nz h1 { margin: 30px 0 0 0; font-size: 1.4em; color: #f26729; }
.login .campaignBody #divCampaign .divCampaignInner.nz p { color: #fff; }
.login .campaignBody #divCampaign .divCampaignInner.nz #btnDivCampaign {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 40px;
    background: #fff;
    border: 2px solid #fff;
    color: #252d59;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;

    font-size: 0.8em;
    line-height: 26px;
    text-decoration: none;
}
.login .campaignBody #divCampaign .divCampaignInner.nz #btnDivCampaign:hover {
    background: none;
    border: 2px solid #fff;
    color: #fff;
}


#loginContent #divAccessSingle div#divOscarShares .clear:last-child {margin-top: 10px;}

/********* Single Holding *********/
#loginControls.singleHolding { float: none; margin: 0 auto; }
#loginControls.singleHolding .rightCol { float: none; width: 60%; margin: 0 auto; }
#loginControls.singleHolding .rightCol .loginPanel { float: none; }

/********* REGISTRATION *********/
form div.LBD_CaptchaDiv div.LBD_CaptchaIcons a { line-height: 0; }


/********* INTERNAL *********/

/* general */
.noMenu { height: 60px; }
.container.login .noMenu { height: 0; }

.accountLinks li.name { color: #444; }
.accountLinks ul li {  position: relative; padding: 0; background: none; line-height: normal; }
.accountLinks ul a { margin: 0 10px; padding: 0; }
.accountLinks ul a, 
.accountLinks ul a:hover { color: #f26729; }
.accountLinks small { font-size: 12px; letter-spacing: 5px; }

.mainmenu { height: 60px; background: none; }
.mainmenu ul { height: auto; }
.mainmenu ul li, 
.mainmenu ul li:hover { display: block; height: auto; padding: 11px 0; background: none !important; line-height: normal; }
.mainmenu ul li a, 
.mainmenu li:first-child a {
    margin: 0;
    padding: 0 25px;
    color: #fff;
    background: none;
    border: none;
}
.mainmenu ul li:last-child a { padding-right: 22px; }

.mainmenu ul li a:hover {
    color: #fff;
}

.mainmenu li ul {
    padding: 10px 0;
    background: #252d59;
    border: 1px solid #e1e1e1;
    border-top: none;
}
.mainmenu ul ul { top: 100%; }
.mainmenu ul ul li, 
.mainmenu ul ul li:hover { padding: 0; line-height: normal; background: none; border: none; }
.mainmenu ul ul li a { padding: 10px 25px !important; color: #fff; line-height: normal; background: none; }
.mainmenu ul ul li a:hover { color: #f26729; }
.mainmenu li.focus li a, 
.mainmenu li:hover li a { background: none !important; }

#LastLogin {
    position: absolute;
    top: 180px;
    right: 8px;
    font-size: 0.65em;
}


.gridContainer {
    border-color: #252d59;
}

label {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold !important;
    font-size: 14px;
}


h3 .highlight, 
.highlight { color: #f26729; }

.planFilter, 
.holdingFilter { display: inline-block; margin-top: 20px; padding: 15px 0; }
.planFilter label, 
.holdingFilter label {
    width: auto !important;
    display: inline !important;
    float: none !important;
    margin: 0 20px !important;
}
.holdingFilter .fieldvalue { display: inline-block; padding: 13px 10px; }

.planFilter a.backBtn, 
.holdingFilter a.backBtn { margin: 10px 0 0 20px; }

.planFilter optgroup, 
.holdingFilter optgroup { color: #252d59; }

#ViewKey { padding: 10px; border: 2px solid #9c9c9c; }

#myHoldingsContainer { margin-top: 20px; }
#myHoldingsContainer .floatRight { width: auto !important; }

#btnEditPortfolio, 
#btnNewHolding { float: left; height: auto; padding: 5px 15px; background: #f26729; border: 2px solid #f26729; color: #fff; font-size: 14px; line-height: normal; text-decoration: none; }
#btnEditPortfolio:hover, 
#btnNewHolding:hover, 
#btnEditPortfolio:hover span, 
#btnNewHolding:hover span { background: none; color: #f26729; }
#btnEditPortfolio span, 
#btnNewHolding span {
        font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: bold;
        color: #fff;
        text-decoration: none;
    }

.buttonsPanel .linkButton {
    margin: 5px 10px 5px 0;
}

.helpLink {
    background: transparent url(/images/icons/help.png) 100% 50% no-repeat;
}

.sectionHighlight {
    margin-top: 20px;
    background: #e0e0e0;
    border-top: 5px solid #252d59;
}

.sectionHighlight a, 
.sectionHighlight a:hover {
        font-size: 1.2em;
        color: #252d59;
    }

.formsSectionBox {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

    .formsSectionBox .dropdownOpener {
        margin: 0 0 0.5em 0;
        padding: 0;
        font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: bold;
        font-size: 1.2em;
    }

        .formsSectionBox .dropdownOpener a {
            padding: 0;
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-weight: bold;
            color: #f26729;
            text-decoration: none !important;
        }

    .formsSectionBox .formList {
        margin: 15px 0 30px 30px;
    }

        .formsSectionBox .formList li {
            margin: 3px 0;
            padding: 0;
        }

            .formsSectionBox .formList li a {
                display: inline-block;
                margin: 0;
                padding: 0 0 0 25px;
            }

.formsSectionBox .formList li a, 
.formList li a:hover span.name, 
.sectionHighlight a:hover { color: #252d59; font-weight: normal; }

.form a,
.form a:hover,
.form div a,
.form div a:hover {
    color: #252d59;
}


#ConfirmForm table.info {
    float: left;
}

.smsPinRegistrationDiv ul li { list-style: disc; }

.html-container { border-color: #252d59; }

.floatRight .display-label { width: 245px !important; }

.gridContainer.otherHoldingsGrid { margin-top: 0 !important; margin-bottom: 0 !important; }

/* tables */
.ui-jqgrid .ui-jqgrid-htable th {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
}

    .ui-jqgrid .ui-jqgrid-htable th div {
        font-size: 0.6em !important;
    }

.ui-jqgrid tr.jqgrow td {
    font-size: 0.6em !important;
    font-weight: normal !important;
}

.ui-jqgrid tr.rowbold td {
    font-weight: bold !important;
}

.ui-jqgrid a {
    color: #252d59 !important;
    text-decoration: underline;
}

    .ui-jqgrid a:hover {
        text-decoration: none;
    }

.ui-jqgrid .ui-pg-table td {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold !important;
    color: #444 !important;
}

.holdingDetailLink {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
}

.gridTotal {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
}

#myHoldingsContainer .buttonPanel {
    margin: -1.75em 0 0.25em 0 !important;
}

#btnHideZeroBalances {
    text-decoration: underline;
}

#btnHideZeroBalances:hover, 
#btnHideZeroBalances span { text-decoration: none; }

.ui-datepicker { border-color: #252d59 !important; }

/* top menu */
.accountLinks ul li:last-child a { margin-right: 0; }

/* modals */
div.simplemodal-container { border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; -khtml-border-radius: 0 !important; }
div.simplemodal-container A.modalCloseImg { background: transparent url(/images/icons/modalclose.png) 100% 50% no-repeat !important; }
div.simplemodal-container h2 { color: #252d59 !important; }
.modal-container .form { padding: 0; border: none; }

.shortcutsDiv {
    border: 1px solid #aaa;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -khtml-border-radius: 0px;
}

.shortcutLink, 
.shortcutLink:hover { color: #252d59; }

.offermodalwrap { height: auto !important; }
.offers-content { height: 150px; }

.simplemodal-wrap { overflow: initial; }
div#addressDiv table tr td { padding: 5px !important; }
div#addressDiv table tr td:first-child { width: 25% !important; padding-left: 0 !important; }
div#addressDiv table tr td:last-child { width: 75% !important; }

/* errors */
.sandalButton, 
#divPwdExpiryDetails, 
#divBannerDetails {
    display: block;
    width: auto;
    height: auto;
    padding: 1% 2%;
    background: #d6e3e8;
    border-left: 3px solid #2983c5;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #2983c5;
    font-size: 14px;
    text-align: left;
}
.sandalButton a, 
.sandalButton a:hover, 
.sandalButton p a, 
.sandalButton p a:hover, 
.sandalButton .mobileNotRegisteredMessage a, 
.sandalButton .mobileNotRegisteredMessage a:hover {
    color: ##2983c5;
    text-decoration: underline;
}

#DisabledinAdmin {
    background: #ffe8e8;
    color:black;
}

    .sandalButton .pointer {
        text-decoration: none !important;
    }
.sandalButton p, 
.sandalButton .mobileNotRegisteredMessage { float: none; color: inherit; font-size: inherit; }

.validation-summary-errors ul li { padding: .35em 0.5em 0.35em 3em; font-size: 11px; }

.noRecords td {
    color: #af3e3e !important;
    background: #fce0e0;
}

/* Preferences */
#PreferencesForm #otherHoldings { float: none !important; }

/* holdings */
table.info tr th, 
table.info tr td { padding: 10px !important; }
table.info th.orange { font-size: 0.8em; }

/* help */
.helpmenu.mainmenu { float: left; background: #252d59 !important; }
.helpmenu.mainmenu ul { float: none; }
.helpmenu.mainmenu ul li a, 
.helpmenu.mainmenu li:first-child a { color: #fff; }

#helpPane { margin: 0 0 40px 0; padding: 0 4%; }
#helpPane h1 { color: #252d59; } 
#helpPane h1, 
#helpPane h2 { margin: 0.5em 0 0.25em 0; padding: 0; }
#helpPane p { padding: 0; }

/* side panel */
#sidePanel { margin-top: 84px; }

/* settings */
form#ConfirmPasswordForm h2 { font-size: 0.8em; color: #444; }

/* contact */
#contactUsDiv div { margin: 0 !important; }

#contactUsDiv table.info th {
    padding-left: 0 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.8em;
    font-weight: bold;
}
#contactUsDiv table.info td { padding-left: 0 !important; font-size: 0.8em; }

.form label, 
.form .noLabelPadder {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
}

/* terms */
ol.tacList li, 
ul.privacyList li {
    margin-left: 2em !important;
    font-size: 0.8em !important;
    line-height: 1.5em !important;
}
ol.tacList li ol li { font-size: inherit !important; }

/* privacy */
.privacyTable a { color: #252d59 !important; }

/* fatca/crs */
#nonFinancialEntities hr, 
#entityOrganizationForm hr { display: block; }
#nonFinancialEntities h2, 
#entityOrganizationForm h2 { margin-top: 1em; }

.portfolioMenuDiv, 
.registryMenuDiv { width: 200px; top: 25px !important; left: 0px !important; background: #f26729; border: 1px solid #f26729 !important; }
.portfolioMenuDiv a, 
.registryMenuDiv a { float: none; display: block; width: auto; margin: 0 !important; padding: 5px 12px !important; background: none; border: none; text-align: right; text-decoration: none !important; }
.portfolioMenuDiv a:hover, 
.registryMenuDiv a:hover {
    background: #fff;
    color: #f26729 !important;
}

a#read_more u {
    text-decoration: none !important;
}

#InvestorSummaryDetails_RegisteredInvestor {
    width: 180px !important;
    margin-left: 10px !important;
}

#InvestorSummaryDetails_Capacity {
    width: 140px !important;
    margin-right: 0 !important;
}

#summaryQuestionare > table > tr > td {
    width: 50% !important;
}

.spanDeceasedQuestion {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


/*.ActionTaxPurpose table tr td { width: auto !important; display: block !important; padding: 5px 0 !important; }*/
.ActionTaxPurpose table tr td span, 
.IsDeceasedQuestion table tr td span { position: relative !important; float: none !important; }

.IsDeceasedQuestion .oc-radiogroupex { margin-top: 10px; }
.IsDeceasedQuestion .oc-radiogroupex label { font-size: 100%; }

.spanDeceasedRadioButton { padding: 0 !important; }

.partial-address { margin: 10px 0; background: #f4f4f7; border: none !important; }

.orangeButton.disabled, 
.orangeButton.disabled button { background: #c0c0c0 !important; }

select#EntityOrganizationDetails_NonFinancialEntities_ControllingPersonDetails_0__InvestorTaxDetails_0__TaxIdentificationType, 
input#EntityOrganizationDetails_NonFinancialEntities_ControllingPersonDetails_0__InvestorTaxDetails_0__TIN, 
select#IndividualInvestor_ControllingPersonDetails_0__InvestorTaxDetails_0__TaxIdentificationType, 
input#IndividualInvestor_ControllingPersonDetails_0__InvestorTaxDetails_0__TIN, 
select#EntityOrganizationDetails_NonFinancialEntities_ActiveInvestorTaxDetails_0__TaxIdentificationType, 
input#EntityOrganizationDetails_NonFinancialEntities_ActiveInvestorTaxDetails_0__TIN { width: auto !important; }

.legalNameLabel { float: left; margin: 10px 0; font-weight: normal; }

h3#cluetip-title, 
.cluetip-securities h3#cluetip-title, 
.cluetip-exercise h3#cluetip-title {
    font-weight: bold !important;
    color: #252d59 !important;
    font-size: 0.8em !important;
    background: none !important;
}

/* sell */
#divFatcaValidation .oc-radiogroupex { margin-left: 100px; }

.validationMessageRadioButton {
    padding: 20px;
    line-height: normal;
    color: #af3e3e;
    border-left: 3px solid #af3e3e !important;
    border: none;
    margin: .25em 0;
    background: #fce0e0;
    font-size: 14px;
}

.exercise-method-container ul.view-details li label { width: 150px; font-size: 14px; }

.bottom-blue-line { margin: 20px 0; border: none !important; }

#confirmOnlineSaleSecuritySaleForm .buttonsPanel .linkButton { right: auto !important; }

.SecuritiesLeft { width: 60%; }
.SecuritiesRight { width: 40%; margin-bottom: 15px; }
.SecuritiesRight label.display-label { width: 175px; padding: 0; }
.terms-conditions .display-label { width: auto !important; }

#gbox_SellOrTransferSecuritiesGrid { border-color: #252d59; }

#onlineSaleInvestorDetailsForm #Names { margin: 20px 0; text-indent: 0; }
#onlineSaleInvestorDetailsForm #Names .formitem label { width: 190px; }
#onlineSaleInvestorDetailsForm #Names .formitem input { margin-left: 30px !important; }
#onlineSaleInvestorDetailsForm #Names .formitem input#DateOfBirth, 
#onlineSaleInvestorDetailsForm #Names .formitem input#ResidentialStreetAddress { margin-left: 21px !important; }
#onlineSaleInvestorDetailsForm #Names .formitem span.dob, 
#onlineSaleInvestorDetailsForm #Names .formitem span.required { margin: 0 !important; }

#ui-datepicker-div .ui-state-disabled { visibility: visible; opacity: 0.3; }

/* exercise */
.ExerciseLeft { width: 65%; }
.ExerciseRight { width: 35%; }
.ExerciseRight label.display-label { width: 145px; }

.payByDirectCreditMessage { font-weight: normal; }

/* grants */
#planSummaryOverviewContainer .display-label.highlight, 
#planSummaryDescriptionContainer .display-label.highlight { width: 130px; }
#planSummaryOverviewContainer .overviewSection, 
#planSummaryDescriptionContainer .descriptionSection { float: right; }

/* payment instructions */
div#smsPinBanner { float: left; }
div#smsPinBanner .mobileNotRegisteredMessage { float: left; width: 95%; }

.form .accountDetails input { width: 20em; }

/* tax details */
#divCountryofTaxResidence .checkbox label { white-space: normal; width: 85%; }

/* portfolio login */
#portfolioCampaign { float: left; }
#portfolioCampaign h2 { color: #252d59; }
#portfolioCampaign .regBenefits { list-style: disc; }
#portfolioCampaign .regBenefits li a { font-style: normal !important; }
#portfolioCampaign .buttonsPanel a { margin: 10px 10px 0 0; font-size: 16px; }

/* comms */
.commsEmailAddress span { float: left; width: 20%; }
.commsEmailAddress .radioList { width: 80%; }

#PreferencesForm .radioList li span { white-space: normal; }

/*********** LMS Employee Login **********/
.loginLeftPanel.employeeLeftPanel { width: auto; margin: 96px 0; padding: 0; }

.employeeLeftPanel .login-welcome-subTitle, 
.employeeLeftPanel .login-welcome-description p { color: #fff; }

#employeeLogin { float: none; width: 48%; margin-bottom: 10px; }
#employeeLogin .titleBox p, 
#employeeLogin .orangeBorderLeft label { color: #4d4d4f; }
#employeeLogin .orangeButton { margin: 15px 0 0 0; }

.employeeRightPanel { margin-left: 0 !important; }
.employeeRightPanel span.back-link-label { font-size: 0.8em; }


/*********** New Zealand styles **********/
#loginContent #divSignIn .IsTermConditionsAccepted { float: left; margin: 10px 0; padding: 0 !important; }
#loginContent #divAccessSingle #divFin { width: 100%; }
#loginContent #divAccessSingle #divFin label { clear: none; }
#SingleHolding_Fin, 
.loginControls #divAccessSingle #SingleHolding_Fin, 
.loginControls #divAccessSingle #Fin { width: 35%; }


/*********** Employee non-branded styles **********/
.loginLeftPanel { float: left; width: 48%; margin: 0 4% 0 0; padding: 40px 0 0 0; }
#loginContent .loginLeftPanel h1 {
    display: block;
    margin: 0 0 0.5em 0;
    padding: 0;
    font-size: 1.5em !important;
}

.login-welcome-resource {
    float: none;
    width: 100%;
    height: 226px;
    clear: none;
    margin: 0 0 20px 0;
    padding: 0;
    background-position: center center;
}

h2.login-welcome-subTitle {
    margin: 0 0 0.5em 0;
    padding: 0;
    font-size: 1.1em;
    color: #252d59;
}

.login-welcome-description {
    margin: 0;
}

    .login-welcome-description h2 {
        display: block;
        margin: 0.5em 0;
        font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: bold;
        font-size: 0.8em;
        color: #4d4d4f;
    }

    .login-welcome-description ul {
        margin: 0;
    }

        .login-welcome-description ul li {
            color: #4d4d4f;
            line-height: 1.8em !important;
            list-style: disc;
        }

.registerControls {
    float: left;
    width: 48%;
    margin: 0;
    padding: 40px 0 0 0;
}

.loginControls {
    float: left;
    width: 48%;
    margin: 4% 0 0 0;
    padding: 0;
}




.registerPanel, 
.loginPanel { width: 100% !important; }

.registerPanel {
    padding: 20px;
    background: none;
    border: none;
    border-radius: 0px;
    clear: none;
    margin: 0;
    box-sizing: border-box;
    box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.1);
}

    .registerPanel h1 {
        margin: 0 0 0.5em 0 !important;
        padding: 0 !important;
        font-size: 1.4em !important;
        color: #f26729 !important;
    }

    .registerPanel p {
        margin: 10px 0;
        padding: 0;
}

.registerPanel h1 { margin: 0 0 0.5em 0 !important; padding: 0 !important; font-size: 1.4em !important; color: #f26729 !important; }
.registerPanel p { margin: 10px 0; padding: 0; }

.registerControls .titleBox {
    float: none;
    display: block;
    width: auto;
    margin: 0;
}

.registerControls .registerPanelContent {
    float: none;
    display: block;
    width: auto;
    margin: 20px 0 0 0;
}

#loginContent .registerControls .floatRight { float: none; margin: 0 !important; text-align: right; }

.registerControls .registerPanelContent .registerNow { margin: 0; }
.registerControls .registerPanelContent .registerNow a {
    width: auto;
    min-width: initial;
    height: auto;
    margin: 0;
    padding: 5px 40px;
    color: #fff;
    background: #f26729;
    border: 2px solid #f26729;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-weight: normal;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    cursor: pointer;
}
.registerControls .registerPanelContent .registerNow a:hover {
    background: none;
    border: 2px solid #f26729;
    color: #f26729;
}

.loginControls .loginBox .formitem span {
    width: auto;
    margin: 15px 0;
    font-size: 0.8em;
    line-height: normal;
}

#planSummaryContainer .displayLinks { height: 46px; margin-bottom: 20px; }
#planSummaryContainer .displayLinks ul { line-height: 50px; height: 45px; border-bottom: 1px solid #e5e5e5; }
#planSummaryContainer .displayLinks ul a {
    padding: 15px 12px;
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-weight: bold !important;
    color: #252d59;
    border: none !important;
    border-radius: 0px;
}
#planSummaryContainer .displayLinks ul a.selected {
    background: #fff;
    border: 1px solid #e5e5e5 !important;
}

/* IC Dev fix*/
/*#divBannerDetails {
   text-align: center !important;
}*/
.padTop {
    margin-top: 0px !important;
}
.ActionTaxPurpose {
    font-size: 75%;
}
.sectionHighlight {
    width: 95%;
}

/*********** Express ID styles **********/
.container.expressID .loginWelcome {
    margin: 48px 0 !important;
}

    .container.expressID .loginWelcome h1 {
        display: block;
        margin: 0 0 0.5em 0 !important;
        color: #f26729;
    }

.container.expressID #loginContent h1 {
    color: #f26729 !important;
}

.container.login.expressID {
    background: #fff url(../images/lms-bg.png) top left no-repeat
}

.container.login.expressID #loginContent #divAccessSingle .IsTermConditionsAccepted label {
    font-weight: normal !important;
}

.container.login.expressID #loginContent #divAccessSingle a {
    font-size: 0.8em !important;
}

.container.login.expressID, .container.login.expressID ~ .footer {
    font-size: 1.2em;
}

.container.login.expressID .mainBody {
    padding: 0 0 40px 0;
}

.container.expressID .loginPanel {
    width: 48% !important;
}

.container.expressID .loginPanel .clear > div {
    float: left !important;
    margin: 15px 0 !important;
    padding: 0 !important;
}

.container.expressID .campaignBody {
    display: none !important;
}

.errorContainerexpress .validation-summary-errors {
    padding: 0;
    line-height: normal;
    color: #af3e3e;
    border-left: 3px solid #af3e3e !important;
    border: none;
    margin: 10px 0;
    background: #fce0e0;
    font-size: 14px;
}
.errorContainerexpress .validation-summary-errors ul li {
    border: none !important;
    font-size: 14px;
    padding: 5px 0 5px 15px;
    color: #af3e3e;
    font-weight: normal;
}

#divRecaptcha.loginPanel .reCaptchaDiv {
    height: 120px;
}

.faqbackbutton {
    float: right;
    padding: 0 25px;
    line-height: 58px;
}

/* MFA changes starts*/
.VerifyEmailHeading {
    margin: 0px !important;
}

.ResendPinbuttonSpan {
    padding-left: 200px;
}

/* MFA changes ends*/

/* IC landing page  */
#MfaHomePage .login .campaignBody {
    background: transparent;
    padding: 0;
}

#MfaHomePage .footer {
    background: transparent;
    min-height: 0;
}

#MfaHomePage #divSignIn {
    position: relative;
    height: 300px;
}

#MfaHomePage div#divAccessSingle {
    height: 300px;
    position: relative;
}
  

#MfaHomePage .orangeBorderLeft {
    position: absolute;
    bottom: 20px;
    width: 87%;
    min-height: 0 !important;
}

#MfaHomePage .floatRight {
    margin: 0 !important;
    text-align: inherit;
}

#MfaHomePage #loginContent #divAccessSingle .floatRight {
    margin: 0 !important;
}

#MfaHomePage button#btnLoginSingle {
    width: 100% !important;
    background: transparent !important;
    color: #f26729;
}

#MfaHomePage button#btnRegisterNow {
    width: 100% !important;
    background: transparent !important;
    color: #f26729;
}

#MfaHomePage span.orangeButton {
    width: 100%;
}

#MfaHomePage button#btnLogin {
    width: inherit;
}

#MfaHomePage h1.login-welcome-title {
    color: #fff;
    margin-bottom: 0 !important;
}

#loginContent .loginControls h1 {
    color: #000 !important;
}

#MfaHomePage .container.login {
    min-height: auto;
    position: relative;
    height: auto;
    width: 100%;
    background: none;
}

#MfaHomePage ul.footerLinksAbout {
    display: none;
}

#MfaHomePage button#btnLoginSingle:hover {
    background: #f26729 !important;
    color: #fff !important;
}

#MfaHomePage button#btnRegisterNow:hover {
    background: #f26729 !important;
    color: #fff !important;
}

body#MfaHomePage {
    background: url(/images/ic-bg.jpg);
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    background-size: cover;
    min-height: calc(100% - 104px);
    padding-bottom: 104px;
}

#MfaHomePage div#loginControls {
    padding: 20px 0 0 0 !important;
}

#MfaHomePage img.logo {
    margin-left: -25px;
}

#MfaHomePage #loginContent .loginControls p {
    line-height: 1.5;
}

html {
    background-color: transparent !important;
    height: auto !important;
    min-height: 100% !important;
}

/* Mfa Registration */

body#MfaRegistration {
    background: url(/images/ic-bg.jpg);
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    background-size: cover;
    margin: 50px 0;
}

#MfaRegistration .MfaRegistrationRightPanel {
    background: #fff;
    padding: 30px;
    width: 41.66666667%;
}

#MfaRegistration div#mainBody {
    display: flex;
}

#MfaRegistration .MfaRegistrationLeftPanel {
    background: #00000070;
    color: #fff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 3rem 2rem;
    width: 58.33333333%;
}

.MfaRegistrationLeftPanel {
    display: block !important
}

#MfaRegistration .form {
    width: 100%;
}

#MfaRegistration .panel- h1 {
    color: #fff !important;
}

#MfaRegistration .MfaRegistrationLeftPanel h1 {
    color: #fff !important;
}

/* #MfaRegistration ul>li:before {
    content: "- ";
    text-indent: -5px;
} */

#MfaRegistration .MfaRegistrationLeftPanel ul {
    line-height: 1.5;
}

#MfaRegistration .pageHeader {
    display: none;
}

#MfaRegistration .container {
    background: none;
}

#MfaRegistration .mainBody {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 240px);
    padding: 0 10%;
}

#MfaRegistration .footer {
    background: transparent;
}

#MfaRegistration #verifyEmailPinNew input#EmailPin {
    margin: 0.5rem 0 !important;
}

#MfaRegistration button#btnResendCode {
    margin-top: 0.5rem;
}

#MfaRegistration #loginContent .loginControls h1 {
    font-weight: 500 !important;
    color: #444 !important;
}

/* Additional */

#MfaRegistration h1.subheading {
    margin: 0;
}

/* #MfaRegistration .horizontalLine {
    margin: 0.5rem 0;
    border-bottom: 2px solid #80808050 !important;
    height: 5px !important;
    width: 100%;
} */

#MfaRegistration .MfaRegistrationLeftPanel ul {
    margin-top: 2rem;
}

#MfaRegistration span.numberMarker {
    height: 25px;
    width: 25px;
    background-color: #f26729;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    /* margin-right: 0.5rem; */
    float: left;
}

#MfaRegistration .MfaRegistrationLeftPanel ul li {
    padding: 0.5rem;
}

#MfaRegistration .form {
    margin: 0;
}

#MfaRegistration .MfaRegistrationRightPanel span.orangeButton {
    width: 100%;
}

#MfaRegistration h2 {
    color: #444444;
}

#MfaRegistration label.display-label {
    width: 100%;
    margin: 0.25em 0;
}

#MfaRegistration .MfaRegistrationLeftPanel {
    display: flex !important;
    text-align: center !important;
}

    #MfaRegistration .MfaRegistrationLeftPanel p {
        color: #fff;
    }

#MfaRegistration span.numberMarker {
    display: none;
}

#MfaRegistration .MfaRegistrationLeftPanel h1 {
    font-size: 18px;
    float: none;
}

#MfaRegistration .headerLogo img.logo {
    width: 120px;
}

#MfaRegistration .form {
    margin: 0;
}

#MfaRegistration span.orangeButton {
    width: 100%;
}

button#btnGenerateEmailPin {
    border-radius: 2px !important;
}

#MfaRegistration .form input#Email,
#MfaRegistration #verifyEmailPinNew input#EmailPin {
    width: 92%;
}

#MfaRegistration hr.horizontalLine {
    display: block;
}

#MfaRegistration .buttonsPanel {
    float: none !important;
}

#MfaRegistration .MfaRegistrationRightPanel h2 {
    font-size: 16px;
    font-weight: 600;
}

#MfaRegistration div#panel-account {
    /* justify-content: center !important; */
    padding: 0 2rem;
}

#MfaRegistration .errorContainer {
    padding: 0;
    line-height: normal;
    color: #af3e3e;
    border-left: none !important;
    border: none;
    background: #fff;
    /* font-size: 10px !important; */
    margin: 0 0 0 -14px !important;
}

/* Single Holdings */

#MfaRegistration #loginContent .rightCol {
    width: 100%;
}

#MfaRegistration div#divAccessSingle {
    box-shadow: none;
    text-align: left;
}

#MfaRegistration .campaignBody {
    display: none;
}

#MfaRegistration #loginContent #divAccessSingle #divInsideAustralia {
    text-align: left;
}

/* Additonal Single holdings */

#MfaRegistration div#divAccessSingle {
    padding: 0;
}

#MfaRegistration #loginContent #divAccessSingle label {
    width: 100%;
    margin: 0;
}

#MfaRegistration input#SingleHolding_IssuerCode {
    width: 93.6% !important;
}

#MfaRegistration input#SingleHolding_Hrn {
    width: 93.6% !important
}

#MfaRegistration button#btnValidate {
    min-width: auto;
    width: 100% !important;
}

#MfaRegistration .single-holding h1 {
    font-size: 24px;
    font-weight: 500;
}


/*  Extra */

#MfaRegistration .headerLogo {
    float: none;
}

#MfaRegistration span.singleholdingsubheader {
    font-size: 12px !important;
    display: block;
    margin: 0.5rem 0;
}

#MfaRegistration .single-holding {
    text-align: left !important;
    display: block !important;
}

#MfaRegistration .progressbar {
    display: none;
}

#MfaRegistration label {
    font-weight: normal !important;
}

#MfaRegistration span#emaildisplay {
    font-weight: bold;
}

#MfaRegistration #EmailpinVerified label {
    color: #5dbb9e;
    font-weight: bold !important;
    display: inline-block !important;
    font-size: 16px !important;
}

#MfaRegistration #EmailpinVerified img {
    display: inline-block !important;
    width: 20px;
    vertical-align: middle;
}

#MfaRegistration .buttonsPanel {
    width: 100%;
}

#MfaRegistration .MfaRegistrationSkipMFALeftPanel h1 {
    color: #fff !important;
}

#MfaRegistration .MfaRegistrationSkipMFALeftPanel ul {
    line-height: 1.5;
}

#MfaRegistration .MfaRegistrationSkipMFALeftPanel {
    background: #00000070;
    color: #fff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 3rem;
    width: 58.33333333%;
}

.MfaRegistrationSkipMFALeftPanel {
    display: block !important
}

#MfaRegistration .MfaRegistrationSkipMFARightPanel {
    background: #fff;
    padding: 30px;
    width: 41.66666667%;
}

#MfaRegistrational #panel-account img {
    padding: 1.5rem !important;
}

#MfaRegistration .MfaRegistrationLeftPanel img {
    margin: 1.5rem;
}

#MfaRegistration div#userRegistrationBtn + div {
    width: 100% !important;
}

#MfaRegistration .section .form input {
    width: 92% !important;
}

#MfaRegistration span#passwordstrength {
    float: none !important;
}

#MfaRegistration input#IsTermConditionsAccepted {
    width: auto !important;
}

#MfaRegistration .checkbox.clear.IsTermConditionsAccepted {
    display: flex;
    align-items: baseline;
    margin: 1rem 0 !important;
    width: max-content;
}

#MfaRegistration .form .checkbox label {
    padding: 0px !important;
}

#MfaRegistration .helpLink {
    display: none ;
}

#MfaRegistration .checkbox.clear.IsTermConditionsAccepted a {
    padding: 4px 5px !important;
}

#MfaRegistration hr.horizontalLine + div {
    width: 0 !important;
}

#MfaRegistration .errorContainer a#btnRedirectToLogin {
    color: #b42914 !important;
}

/* Error page */
#RegistrationFailure.form label {
    float: none;
    font-weight: bold !important;
    font-size: 16px !important;
    color: #b42914;
    margin-top: 2rem !important;
    width: fit-content;
}

#MfaRegistration #RegistrationFailure span.orangeButton {
    margin-top: 1rem;
}

#MfaRegistration #RegistrationFailure img {
    vertical-align: middle !important;
    margin-right: 5px !important;
}

/* Success Page */

#MfaRegistration div#RegistrationSuccess {
    margin-top: 1.5rem;
}

#MfaRegistration #RegistrationSuccess button#btnRedirectToLogin {
    padding: 5px !important;
}

#MfaRegistration #RegistrationSuccess label {
    font-weight: bold !important;
}

#MfaRegistration #RegistrationSuccess img {
    vertical-align: middle;
}

/* ReCaptcha */

.rc-anchor-logo-text {
    display: none !important;
}

.rc-anchor-pt {
    display: none !important;
}

.rc-anchor-logo-portrait {
    margin: 0 !important;
}

.rc-anchor-normal-footer {
    display: inline-flex;
    align-items: center !important;
    height: 100% !important;
}

.rc-anchor-logo-portrait {
    align-content: center !important;
    justify-content: center;
    display: flex !important;
}

label#recaptcha-anchor-label {
    width: fit-content;
}

.rc-anchor-content {
    width: 160px !important;
}

div#rc-anchor-container {
    width: fit-content !important;
}

.reCaptchaDiv {
    padding: 10px 0 !important;
}

/* Setup multi-factor page */

#MfaRegistration div#RegistrationSuccess {
    margin-top: 1.5rem;
}

#MfaRegistration #RegistrationSuccess button#btnRedirectToLogin {
    padding: 5px !important;
}

#MfaRegistration #RegistrationSuccess label {
    font-weight: bold !important;
    font-size: 16px;
    color: #5dbb9e !important;
}

#MfaRegistration .MfaRegistrationSkipMFALeftPanel {
    text-align: center !important;
}

    #MfaRegistration .MfaRegistrationSkipMFALeftPanel h1 {
        font-size: 24px;
        float: none;
    }

    #MfaRegistration .MfaRegistrationSkipMFALeftPanel img {
        margin: 1.5rem 0;
    }

    #MfaRegistration .MfaRegistrationSkipMFALeftPanel p,
    #MfaRegistration .MfaRegistrationSkipMFALeftPanel a {
        color: #fff !important;
    }

    #MfaRegistration .MfaRegistrationSkipMFALeftPanel a {
        text-decoration: revert !important;
    }

#MfaRegistration .MfaRegistrationSkipMFARightPanel h1 {
    color: #444;
    font-size: 16px;
    font-weight: 700;
}

#MfaRegistration .MfaRegistrationSkipMFARightPanel span.orangeButton {
    margin: 1rem 0;
}

.ManageEmailPin {
    padding-left: 10.40em;
}

#btnRedirectToLogin {
    cursor: pointer;
}

.divCongratulations {
    padding-top: 60px;
    margin-left: -9.8em;
    float: left;
}

button#btnLinkMarketServicesAU, button#btnLinkMarketServicesNZ {
    padding: 1rem;
    width: 300px;
    margin: 0.5rem;
    background: #fff;
    color: black !important;
}

button#btnLinkMarketServicesAU p, button#btnLinkMarketServicesNZ p {
    line-height: 0.5;

}

button#btnLinkMarketServicesAU p:first-of-type, button#btnLinkMarketServicesNZ p:first-of-type {
    margin-top:1rem
}
#ReinvestmentPlanInstruction table.info th {
    width: 125px;
}

.login .campaignBody #divCampaign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none;
}

.login .campaignBody #divCampaign > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    height: auto !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-right: 1rem;
}

.login .campaignBody .campaignInner .right {
    width: 100%;
    float: none;
    background: none;
}

.login .campaignBody #divCampaign > div:last-child {
    margin: 0 0 0 1rem;
}

#MfaRegistrationMobile span[for="terms-conditions"] {
    margin-left: 30px;
}

#MfaRegistrationMobile input#terms-conditions {
    width: 15px;
    height: 15px;
    margin-top: 1%;
}

/* MFA Home Page */

 

.slick-prev:before,
.slick-next:before {
  color: #fff !important;
}

.slick-dots li button:before {
  color: #fff !important;
  opacity: 0.9 !important;
}

#MfaHomePage span#ICHeaderTitle {
  display: none !important;
}

#MfaHomePage ul.slick-dots {
  bottom: -30px !important;
}

/* Single holding Page  - Fixes heading */

#MfaRegistration .single-holding h1 {
  font-size: 2.5rem !important;
}

#MfaRegistration .MfaRegistrationLeftPanel p {
  margin-top: 2rem !important;
  font-size: 16px !important;
}

#MfaRegistration #loginContent #divAccessSingle #divInsideAustralia {
    float: left;
}

/* Okta help page styling starts*/

#OktaHelppageUL {
    list-style: disc inside !important;
}

#OktaHelppageUL li{
    padding-left: 20px;
    font-size: 0.8em;
    line-height: 1.5em;
}

#backToOktaLogin{
    text-decoration: underline;
    cursor: pointer;
} 

/* Okta help page styling ends*/

#MfaRegistration .issuerNameBox {
    width: 93.6% !important;
    float: left;
    margin: 10px 0;
    padding: 7.5px;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    cursor: not-allowed;
    background: #f9f9f9;
}

    #MfaRegistration .issuerNameBox span {
        font-size: .9rem;
        line-height: inherit;
        display: inline-block;
    }