/* Minification failed. Returning unminified contents.
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2553,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-red'
 */

/*@import url(/Content/NB/https:/fonts.cdnfonts.com/css/gilroy-bold);*/
@font-face {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: 400;
    src: url(/Content/NB/fonts/Gilroy-Bold.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Regular', sans-serif;
    src: url(/Content/NB/fonts/Gilroy-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --brand-red: #E41C23;
    --brand-blue: #00324D;
    --brand-gray: #C9C9C7;
    --text: #0f1720;
    --muted: #475569;
    --bg: #ffffff;
    --bg-alt: #f8fafc;
    --focus: #2563eb;
    --radius: 12px;
    --maxw: 2200px;
    --shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.06);
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background: #f1f1f1;
    color: #1C1C1C;
    padding: 0;
    margin: 0;
}

body, td, input, select, textarea, input, button, a {
    font-family: 'Gilroy-Regular', sans-serif !important;
    line-height: 1.2em;
    letter-spacing: 0.15px;
    font-weight: 400;
}

th {
    font-family: 'Gilroy-Bold', sans-serif;
    font-weight: 500;
}

form {
    padding: 0;
    margin: 0
}

a img {
    border: none;
}

fieldset {
    border: none;
}

body, td, th {
    font-size: 16px;
    line-height: 24px
}

p {
    margin: 0 0 1.5em 0;
}

a {
    color: #0075BE;
}

    a:hover, a:focus, a:active {
        color: #000;
        background-color: #005587
    }

.pager a:hover, .pager a:focus, .pager a:active, .pagerCust a:hover, .pagerCust a:focus, .pagerCust a:active {
    color: #000;
    background-color: #005587
}

body.browser-IE a:hover {
    background-color: transparent
}

a img {
    vertical-align: text-bottom;
}

a:focus {
    outline: 1px dotted #0075BE
}
h1 {
    font-size: 32px;
    color: #0075BE;
    font-weight: 700;
    margin: 1.5em 0 .5em 0;
    line-height: 1.2em;
    Letter-spacing: -0.2px;
    font-family: 'Gilroy-Bold', sans-serif !important;
}

h2 {
    font-size: 28px;
    color: #000000;
    font-weight: 700;
    margin: 1.5em 0 .5em 0;
    line-height: 1.2em;
    Letter-spacing: -0.2px;
    font-family: 'Gilroy-Bold', sans-serif !important; 
}

h3 {
    font-size: 20px;
    color: #555555;
    font-weight: 700;
    margin: 1.5em 0 .5em 0;
    line-height: 1.2em;
    Letter-spacing: -0.2px;
}

h4, loginContainerContentMiddleText2 {
    font-size: 16px;
    color: #555555;
    font-weight: 700;
    margin: 1.5em 0 .5em 0;
    line-height: 1.2em;
    Letter-spacing: -0.2px;
}

h5 {
    font-size: 14px;
    color: #555555;
    font-weight: 700;
    margin: 1.5em 0 .5em 0;
    line-height: 1.2em;
    Letter-spacing: -0.2px;
}

h6 {
    font-size: 13px;
    color: #555555;
    font-weight: 700;
    margin: 1.5em 0 .5em 0;
    line-height: 1.2em;
    Letter-spacing: -0.2px;
}
a {
    color: #0075BE;
}

@media only screen and (min-width: 781px) {
    a:hover, a:focus, a:active {
        color: #000;
        background-color: #f1f1f1
    }
}

.ui-widget,
.ui-widget * {
    font-family: 'Gilroy-Regular', sans-serif !important;
    font-size: 16px !important;
}
.custom-link {
    color: #ffee00;
}

.pager a:hover, .pager a:focus, .pager a:active, .pagerCust a:hover, .pagerCust a:focus, .pagerCust a:active {
    color: #000;
    background-color: #595959;
}

body.browser-IE a:hover {
    background-color: transparent
}

a img {
    vertical-align: text-bottom;
}

a:focus {
    outline: 1px dotted #0075BE
}

sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

sub {
    top: 0.4em;
}

.display-label {
    text-align: right;
}

.editor-label {
    margin: 1em 0 0 0;
    font-weight: bold;
}

.top-padded {
    clear: both;
    padding-top: 20px;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    display: inline-block;
    height: auto
}

* html .clear {
    height: 1%;
}

.clear {
    display: block;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

div.annoucement {
    text-align: center;
    padding: 10px;
    /*margin: 20px 20px 20px 40px;*/
    /*width: 85%;*/
    color: #ffe6e6;
    background-color: #C81414;
}

div#containerPage {
    margin: 0 auto;
    /*overflow: hidden;*/
    background-color: #fff;
    width: 90%;
    min-width: 900px;
    min-height: 100vh;
    max-width: 1600px;
    font-size: 16px;
    letter-spacing: 0.15px;
    position: relative;
    box-shadow: 0px 5px 10px #888888;
}

div#containerHeader {
    padding-top: 10px;
    height: 70px;
    width: 100%;
    margin: 0 auto;
    min-width: 900px;
    border-bottom: #E41C23 1px solid
    /*border-bottom: #00324D 1px solid*/
}

div#containerFooter {
    width: 100%;
    padding: 5px 0px 5px 0px;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 20px;
    /*border-top: #00324D 1px solid;*/
    border-top: #E41C23 1px solid;
    /*background-color: #f0f0f0;*/
}

    div#containerFooter a {
        color: #0075BE;
        /*background-color: #f0f0f0;*/
    }

div#brandLogo {
    padding-left: 10px;
    float: left;
}

div#tagLine {
    float: right;
}

.signup-help {
    padding-right: 30px;
    padding-top: 20px;
    text-align: right;
}

    .signup-help a {
        text-decoration: none;
        font-weight: bold;
    }

        .signup-help a:hover {
            text-decoration: underline;
        }

div#contentDiv {
    width: 80%;
    margin: 0 auto;
    min-width: 900px;
}

div#logonDiv {
    padding-top: 40px;
    padding-left: 40px;
    width: 380px;
    height: 250px;
    color: #666;
    font-weight: bold;
    float: left;
}

.loginContainer {
    width: 100%;
    height: 320px;
}

.loginContainer2 {
    width: 100%;
    height: 257px;
    /*border: 1px solid gray;*/
}

.loginContainerContent2 {
    width: 60%;
    margin: auto;
}

.fragment {
    font-size: 12px;
    font-family: tahoma;
    height: 40px;
    border: 1px solid #ccc;
    color: #555;
    display: block;
    padding: 5px;
    padding-top: 0px;
    box-sizing: border-box;
    text-decoration: none;
}

    .fragment:hover {
        box-shadow: 2px 2px 5px rgba(0,0,0,.2);
    }

    .fragment img {
        float: left;
        margin-right: 10px;
    }


    .fragment h3 {
        padding: 0;
        margin: 0;
        color: #369;
    }

    .fragment h4 {
        padding: 0;
        margin: 0;
        color: #000;
    }

.close {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    background: #ccc;
    cursor: pointer;
}

@media screen and (max-width: 1280px) {
    .loginContainerContent {
        width: 60% !important;
        float: right;
    }

    .loginContainerContent2 {
        width: 60% !important;
    }
}

@media screen and (max-width: 740px) {
    #tagLine img {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .loginContainerContent2 {
        width: 80% !important;
    }
}

.loginContainerContent {
    width: 40%;
    margin: auto;
}

.loginContainerContentMiddleText {
    text-align: left;
}

.loginContainerContentMiddleText2 {
    font-weight: 400;
    text-align: center;
}

div#splashDiv {
    padding-top: 70px;
    padding-left: 40px;
    width: 440px;
    height: 250px;
    /*color:#666; */
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    float: left;
}

div#logonErrorDiv {
    padding: 10px;
    float: center;
    margin: 20px 20px 20px 0px;
    width: 85%; /*font-family:Arial, Helvetica, sans-serif;*/
    font-size: 14px;
    color: red;
    background-color: #fff;
}

div#logonDiv a {
    color: #005587;
    font-size: 12px;
}

#logonDiv .editor-label {
    color: #005587;
    font-weight: bold;
    text-align: left;
}

div#logonActions {
    padding-top: 20px;
}

div#logonButton {
    float: left;
}

div#logonForgotPassword {
    padding-top: 2px;
    padding-left: 20px;
    float: left;
}

div#logonSignUp {
    clear: both;
    padding-top: 30px;
    float: left;
}

div#disclaimerDiv {
    padding-top: 50px;
    clear: both;
    width: 85%;
    margin: 0 auto;
}

div#ssl {
    padding-right: 20px;
    top: 0px;
    right: 0px;
    float: left;
}

div#disclaimerContent {
    width: 100%;
    display: inline-block;
    font-size: 12px;
    padding-left: 20px;
    white-space: pre-wrap;
    text-align: justify;
    margin: auto
}

div.announcement {
    padding: 10px;
    margin: 37px 0px 10px 0px;
    color: black;
    background-color: #FFFFFF;
    border: 1px solid black;
}

.announcement h4 {
    margin: 10px 0px 10px 0px;
    color: black;
}
/*input#UserName
{
	padding: 3px;
	width: 80%;
}
input#Password
{
	padding: 3px;
	width: 80%;
}*/
#UserName.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

#Password.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

@media only screen and (max-width: 780px) {
    /* Mobile style for new login page */
    div#containerPage {
        width: 100%;
        min-width: 0px;
        max-width: 100vw;
        min-height: 100vh;
    }

    div#containerHeader {
        min-width: 0px;
    }

    div#tagLine {
        float: none;
    }

    div#contentDiv {
        width: 100%;
        min-width: 0px;
    }

    .loginContainer {
        background-position-x: 20%;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .loginContainer2 {
        background-position-x: 50%;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .loginContainerContent {
        width: 70% !important;
        margin: auto;
        float: none;
        overflow: visible;
        padding-bottom: 5px;
        text-align: center;
    }

    .loginContainerContentMiddleText {
        text-align: center;
    }

    .loginContainerContent2 {
        width: 70%;
        text-align: center;
        float: none;
        margin: auto;
        overflow: visible;
        padding-bottom: 15px;
    }

    div#disclaimerContent {
        width: 100%;
        display: inline-block;
        font-size: 11px;
        font-weight: normal;
        padding-left: 0px;
        white-space: pre-wrap;
        text-align: justify;
        margin: auto;
    }

    div.announcement {
        margin: 10px 0px 10px 0px;
    }


    /* Mobile style for old login page */
    #loginFlexDiv {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: auto;
    }

    #logonDiv {
        width: 100% !important;
        height: auto !important;
        margin: auto !important;
        padding: 0 !important;
        order: 3;
    }

        #logonDiv fieldset {
            width: 100%;
            margin: auto;
        }

            #logonDiv fieldset .editor-field {
                width: 80%;
            }

                #logonDiv fieldset .editor-field input {
                    width: 100%;
                    max-width: 180px;
                }

    #logonButton {
        margin-right: 20px;
    }

    #logonForgotPassword {
        padding-left: 0px !important;
    }

    #splashDiv {
        width: 100% !important;
        height: auto !important;
        padding: 10px 0px 25px 0px !important;
        margin: auto !important;
        order: 1;
    }

    #logonErrorDiv {
        padding: 0 !important;
        padding-bottom: 10px !important;
        margin: 0 !important;
        order: 2;
    }

    #disclaimerDiv {
        padding: 0 !important;
    }

    /* Mobile styles for login security page */
    .contentHeader {
        line-height: 30px;
    }

    #PassPhraseBorder {
        margin: auto !important;
        margin-bottom: 25px !important;
    }
}


/******* PORTFOLIO ************/
#brokerDetails {
    clear: both;
    padding: 10px;
}

    #brokerDetails div.editor-row {
        display: table-row;
    }

    #brokerDetails div.editor-label {
        float: left;
        padding-right: 20px;
        display: table-cell;
        vertical-align: bottom;
    }

    #brokerDetails div.editor-field {
        display: table-cell;
        vertical-align: bottom;
    }

.filterParamControl {
    padding-right: 30px;
    vertical-align: top;
    display: inline-block;
}

    .filterParamControl input {
        width: 120px;
        padding: 5px;
    }

.filterParamControlStatus {
    vertical-align: top;
    display: inline-block;
}

    .filterParamControlStatus input {
        width: 25px;
    }

.filterReferralParamControlStatus {
    display: inline;
}

#portfolioContainer {
    width: 100%;
}

#rightButtons {
    top: 0px;
    right: 0px;
    float: right;
}

    #rightButtons a {
        font-size: 0.8em;
        font-weight: bold;
        vertical-align: middle;
    }

    #rightButtons img {
        border: 0px currentColor;
        border-image: none;
        vertical-align: middle;
    }

#filterSection {
    border: 1px solid rgb(183, 183, 183);
    border-image: none;
    clear: both;
}

#filterSectionDetails {
    clear: both;
    display: none;
}

#filterHeader {
    background: rgb(255, 255, 255);
    display: block;
}

#filterTitle {
    padding: 10px;
    font-size: large;
    float: left;
}

#filterButtons {
    padding: 6px 10px 0px 5px;
    top: 0px;
    right: 0px;
    float: right;
}

#filterContent {
    /*background: rgb(245, 245, 245);*/
    background: #f0f0f0;
    padding: 0px 10px 5px;
    clear: both;
    vertical-align: top;
    border-top-color: rgb(183, 183, 183);
    border-top-width: 1px;
    border-top-style: solid;
    overflow: hidden;
}

#filterContentDetails {
    background: rgb(245, 245, 245);
    padding: 0px 10px 15px;
    clear: both;
    vertical-align: top;
    border-top-color: rgb(183, 183, 183);
    border-top-width: 1px;
    border-top-style: solid;
}

#filterContent table {
    vertical-align: top;
}

#filterContentDetails table {
    vertical-align: top;
}

#filterContent table td {
    padding-right: 50px;
    padding-bottom: 5px;
    vertical-align: top;
}

#filterContentDetails table td {
    padding-right: 50px;
    padding-bottom: 15px;
    vertical-align: top;
}

#filterContent input {
}

#filterContentDetails input {
}

.ui-datepicker-trigger {
    vertical-align: bottom;
}
/*.ui-datepicker-unselectable {background-color:#000;}*/

.filterStatus {
    padding-right: 20px;
    text-align: center;
    float: left;
}

    .filterStatus input {
        width: 25px;
        border: none;
    }

#filterContent select {
    padding: 5px;
    border: 1px solid rgb(153, 153, 153);
    border-image: none; /*width: 200px;*/
}

.customFooter {
    background-color: #BBDDE6;
    background-color: #444;
    /*background-color: #E41C23;*/
    /*background-color: #005587;*/
    color: rgb(255, 255, 255);
    height: 25px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border-top-color: rgb(255, 255, 255);
    border-top-width: 10px;
    border-top-style: solid;
    /*background-image: url(/Content/NB/Images/bg_header.gif);*/
}

.customFooterMtg {
    width: 100%;
    height: 25px;
    bottom: 0px;
    color: rgb(255, 255, 255);
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border-top-color: rgb(255, 255, 255);
    border-top-width: 10px;
    border-top-style: solid;
    position: absolute;
    background-color: rgb(19, 119, 181);
}

.footerDivider {
    height: 20px;
}

@media only screen and (max-width: 780px) {
    /* Align status checkboxes in a grid for nicer mobile viewing */
    #filterStatusGrid {
        display: grid;
        width: 85vw;
        gap: 15px;
        grid-template-columns: repeat(auto-fit, 90px);
    }

    .filterStatus {
        width: 100%;
        white-space: nowrap;
    }

    #filterButtons {
        margin-bottom: 10px;
    }

    #brokerDetails .editor-label {
        white-space: nowrap;
    }
}

/******* DEAL DETAILS *********/
#reqDocumentDetails div div div label {
    color: black;
}

#reqDocumentDetails, #messageDetails {
    font-size: 11px;
    clear: both;
    width: 100%;
    display: table;
}

    #reqDocumentDetails div.editor-row,
    #messageDetails div.editor-row {
        display: table-row;
    }

    #reqDocumentDetails div.editor-label,
    #messageDetails div.editor-label {
        float: left;
        padding-right: 20px;
        display: table-cell;
        vertical-align: top;
        padding-bottom: 10px;
    }

    #reqDocumentDetails div.editor-field,
    #messageDetails div.editor-field {
        display: table-cell;
        vertical-align: top;
        padding-bottom: 10px;
        padding-right: 20px;
    }

    #reqDocumentDetails div.button-field,
    #messageDetails div.button-field {
        display: table-cell;
        vertical-align: top;
        padding-bottom: 10px;
        padding-right: 20px;
    }

    #messageDetails div.editor-field input {
        width: 100%;
    }

    #messageDetails div.editor-field textarea {
        height: 14em;
        width: 100%;
    }

#EmailFrom.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

#dealDetails {
    clear: both;
    padding: 10px;
    width: 100%;
    display: table;
}

#dealStatusSection {
    display: table-row;
}

#dealStatusDetails {
    display: table-cell;
    padding-top: 10px;
}

#dealDetailsActions {
    display: table-cell;
    padding-top: 10px;
}

#dealDetailsSection {
    display: table-row;
}

#dealDetailsLeft {
    display: table-cell;
    padding-top: 10px;
}

#dealDetailsRight {
    display: table-cell;
    padding-top: 10px;
}

#dealDetails div.editor-row {
    display: table-row;
}

#dealDetails div.editor-label {
    float: left;
    padding-right: 20px;
    display: table-cell;
    vertical-align: top;
    padding-bottom: 10px;
}

#dealDetails div.editor-field {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 10px;
    padding-right: 20px;
}

#loanDetailsSection {
    width: 100%;
}

    #loanDetailsSection .editor-field {
        width: 45%;
        display: inline-block;
    }

#loanDetailsRight, #loanDetailsLeft {
    width: 48%;
    display: inline-block;
}

#extendedDetails {
    clear: both;
    padding: 10px;
    width: 98%;
    display: table;
}

#dealDocumentsSection {
    display: table-row;
}

#dealDocumentsDetails {
    display: table-cell;
    padding-top: 10px;
}

#faxDetails {
    font-size: 11px;
}

#emailDetails {
    font-size: 11px;
}

/* Mobile style for deal details page */
@media only screen and (max-width: 780px) {
    #dealDetails {
        display: block !important;
    }

    #dealStatusSection, #dealDetailsSection {
        display: block;
    }

    #dealStatusDetails, #dealDetailsActions, #dealDetailsLeft, #dealDetailsRight {
        display: block !important;
        width: 100% !important;
    }

        .faxEmail .editor-row,
        .faxEmail .editor-row .editor-field,
        #FaxNumber,
        #EmailAddress,
        #dealStatusDetails .editor-row,
        #dealDetailsActions .editor-row,
        #dealDetailsLeft .editor-row,
        #dealDetailsRight .editor-row {
            display: block !important;
            width: 100% !important;
        }

            #dealStatusDetails .editor-row .editor-field,
            #dealDetailsActions .editor-row .editor-field,
            #dealDetailsLeft .editor-row .editor-field,
            #dealDetailsRight .editor-row .editor-field {
                display: inline-block !important;
                width: 43% !important;
            }

    #dealDetails .editor-field {
        padding: 5px !important;
    }

    #sendAMessageButton {
        margin-bottom: 5px;
    }

    .emailField {
        overflow-wrap: break-word;
        white-space: break-spaces;
    }

    #extendedDetails {
        width: 95%;
    }

        #extendedDetails td, #extendedDetails th {
            display: inline-block;
            width: 100px !important;
            padding: 5px 10px !important;
            height: auto !important;
            vertical-align: middle !important;
            border: none
        }

    #requestedDocumentDetails td, #requestedDocumentDetails th {
        display: inline-block;
        width: 170px !important;
        padding: 5px 10px !important;
        height: auto !important;
        vertical-align: middle !important;
    }

    .ui-dialog {
        width: 98vw !important;
        height: 90vh !important;
        top: 5vh !important;
    }

    #dialog-form {
        height: 100% !important;
        width: auto;
    }

    /* Send message dialog */
    #messageDetails {
        font-size: 15px;
    }

        #messageDetails .editor-row {
            display: inline-block !important;
            width: 100% !important;
        }

            #messageDetails .editor-row .editor-field {
                display: block !important;
                width: 100% !important;
            }

    #EmailTo {
        width: 100% !important;
    }

    #EmailMessage {
        height: 15em;
    }

    #sendMessageButton {
        margin-top: 10px;
        margin-bottom: 50px;
        vertical-align: auto;
    }

    /* Document selection dialog */
    #reqDocumentDetails {
        font-size: 15px;
    }

        #reqDocumentDetails .editor-row .button-field {
            display: inline-block !important;
        }

        #reqDocumentDetails .editor-row .editor-field,
        .button-field {
            display: block !important;
            vertical-align: initial !important;
        }

    #EmailAddress {
        display: inline-block !important;
        width: 100% !important;
    }

    #FaxNumber {
        display: inline-block !important;
        width: 100% !important;
    }

    #messageDetails {
        display: block !important;
    }
}

/********** HEADER ***************/
div#menuBar {
    background-color: #E41C23;
    /*background-color: #444;*/
    width: 100%;
    height: 34px;
    position: relative;
    /*background-image: url(/Content/NB/Images/bg_header.gif);*/
}

div#menu {
    width: auto;
    /*background-color: #005587;*/
    background-color: #444;
}

/* Burger menu button for mobile */
#menuButton {
    display: none;
}

#navMenuButton {
    display: none;
}

.right-navLinks {
    top: 0px;
    height: 34px;
    right: 0px;
    float: right;
}

    .right-navLinks a {
        padding-right: 15px;
        padding-left: 15px;
        color: rgb(255, 255, 255);
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        line-height: 34px;
        display: block;
    }

        .right-navLinks a:hover {
            /*            padding: 15px;*/
            line-height: 34px;
            background: #ffffff;
            color: #000000;
            font-style: normal;
            text-decoration: none;
        }

        .right-navLinks a.selected {
            padding: 5px;
            color: rgb(255, 255, 255);
            font-style: normal;
            font-weight: bold;
            text-decoration: none;
        }
/*------------------------------------------------------------------------------------------------------------------------------------------*/
/* Multi level drop down menu: 																								*/
/* http://www.blokeish.com/2011/03/horizontal-multilevel-menu-with-css-without-javascript/			*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/
ol, ul, li {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

.clear {
    clear: both;
}

#menu {
    /* the menu container */
    background: #E41C23;
    width: 100%;
    font-size: 16px;
}

    #menu ul {
        /* menu ul style */
        list-style: none;
        margin: 0;
    }

    #menu li {
        /* horizontal menu */
        float: left;
        position: relative;
    }

    #menu a {
        display: none;
    }

    #menu ul a {
        /* the link style of menu */
        color: #FFF;
        display: block;
        line-height: 34px;
        padding: 0 10px;
        text-decoration: none;
        /*border-right: 1px solid #ffffff;*/
    }

    #menu span.arrow-down:after {
        width: 0;
        height: 0;
        border: 0.313em solid transparent; /* 5 */
        border-bottom: none;
        border-top-color: #fff;
        content: '';
        vertical-align: middle;
        display: inline-block;
        position: relative;
        right: -0.313em; /* 5 */
    }

    #menu span.arrow-right:after {
        width: 0;
        height: 0;
        border: 0.313em solid transparent; /* 5 */
        border-right: none;
        border-left-color: #000;
        content: '';
        vertical-align: middle;
        display: inline-block;
        position: relative;
        right: -0.313em; /* 5 */
    }

    /* The sub menu is hidden by default and its position is places right under the parent menu*/
    #menu ul ul {
        display: none;
        position: absolute;
        top: 34px;
        left: 0;
        float: left;
        width: 180px;
        z-index: 99999;
        border-left: 1px solid #C7C7C7;
        border-right: 1px solid #C7C7C7;
        border-bottom: 1px solid #C7C7C7;
    }

        /* The sub menu list element is given a minimum width */
        #menu ul ul li {
            min-width: 180px;
            /*border-bottom: 1px solid #95C838;*/
        }

        /*    #menu ul ul li a
    {
	    color: green;
    }

#menu ul li a
{
	color: green;
}*/

        /* the third level menu (sub sub menu) is placed to the left side of its parent*/
        #menu ul ul ul {
            left: 100%;
            top: 0;
        }

        #menu ul ul a {
            color: #000000;
            background: #ffffff;
            line-height: 1em;
            padding: 10px;
          /*  min-width: 180px;
            max-width: 200px;*/
            width:170px;
            height: auto;
        }

@media only screen and (min-width: 781px) {
    #menu > ul > li:not( :last-child ) > a {
        border-right: 1px solid rgb(0, 60, 81);
    }

    #menu > ul > li:hover > a {
        background: #ffffff;
        color: #000000;
    }

    #menu ul li:hover > ul {
        display: block !important;
    }

    /* When the mouse is over a list (li) element with unordered-list (ul) element inside then show it. The position when its shown is defined in the previous block of CSS*/
    #menu ul li:hover > ul {
        display: block !important;
    }


    /* Styles the anchor (a) tag when mouse over */
    #menu > ul:hover > a {
        background: #ffffff;
        color: #000000;
    }

    #menu > ul > li > ul > li:hover > a {
        color: #555555;
    }

    #menu > ul > li > ul > li > ul {
        border-top: 1px solid #C7C7C7;
    }

        #menu > ul > li > ul > li > ul > li:hover > a {
            color: #555555;
        }
}

@media only screen and (max-width: 780px) {
    div#menuBar {
        display: block;
        width: 100%;
        height: auto;
        max-height: 0px;
        position: relative;
        top: 4px;
        background: none;
        overflow: hidden;
        transition: max-height 0.3s ease-in;
        z-index: 100;
    }

    .showMobileMenu {
        max-height: 150vh !important;
    }

    .showSubMenu {
        max-height: 150vh !important;
    }

    .showShadowOverlay {
        display: block !important;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 80px;
        z-index: 99;
        background: rgba(0,0,0,0.5);
    }

    #menuButton {
        border: none;
        background: none;
        display: block;
    }

    #navMenuButton {
        border: none;
        background: none;
        display: block;
    }

    #menu ul {
        position: static;
        list-style: none;
        margin: 0;
        width: 100%;
        display: block;
        background-color: #FFFFFF;
    }

        #menu ul ul {
            display: block;
            position: static;
            float: left;
            width: 100%;
            border-left: 5px solid #0075BE;
            border-bottom: none;
            max-height: 0px;
            height: auto;
            overflow: hidden;
            transition: max-height 0.3s ease-in;
            z-index: 100;
        }

            #menu ul ul ul {
                position: static;
                display: block;
                width: 100%;
            }

                #menu ul ul ul li {
                    position: static;
                    display: inline-block;
                    padding-left: 10px;
                    width: 100%;
                }

                    #menu ul ul ul li a {
                        position: static;
                        padding-right: 40px;
                        width: 80%;
                    }

    #menu li {
        float: none;
        width: 100%;
        margin-bottom: 2px;
        color: #FFFFFF;
        background-color: #005587;
        /*        padding: 3px 0px 3px 0px;*/
        position: static;
        display: inline-block;
        outline: none;
    }

        #menu li a {
            /*            padding-left: 24px;*/
            padding: 3px 0px 3px 24px;
            display: block;
        }

    #menu ul ul li {
        min-width: 100%;
        color: #005587;
        background-color: #FFFFFF;
        padding: 0px;
        position: static;
        width: 100%;
    }

        #menu ul ul li a {
            background-color: #FFFFFF;
            padding-left: 36px;
            padding-right: 40px;
            width: 80%;
            outline: none;
            color: #005587;
            display: block;
        }

    #menu ul li a {
        position: static;
        color: #FFFFFF;
    }

    #menu ul a {
        display: block;
        text-decoration: none;
        width: 100%;
        position: static;
        outline: none;
    }

    .right-navLinks {
        display: block;
        background: none;
        height: 40px;
        float: left;
        width: 100%;
        background-color: #005587;
    }

        .right-navLinks a, .right-navLinks button {
            display: block;
            padding: 3px 15px 3px 24px;
            outline: none;
        }

    #menu ul a:hover {
        background-color: transparent;
    }

    #menu ul ul a:hover {
        background-color: transparent;
    }

    .right-navLinks a:hover, .right-navLinks button:hover {
        background-color: transparent;
        color: white;
    }

    .selectedMenu {
        background-color: #0075BE !important;
    }

    .selectedSubMenu {
        background-color: #0075BE !important;
        color: #FFFFFF !important;
        border-bottom: 3px solid #0075BE !important;
    }
}

/*******************************************************/
/* Tables
/*******************************************************/
.noresults {
    padding-left: 10px;
}

.nowrap a {
    white-space: nowrap;
}

.webgrid td a {
    width: 100%;
    height: 30px;
    color: #005587;
}

.webgrid-header a {
    font-weight: normal;
    color: #005587;
}

table.webgrid {
    width: 100%;
    background: #fff;
    border-spacing: 0px;
    border-bottom: 1px solid #e8e8e8;
    margin: 0 0 1.5em 0;
}

    table.webgrid.webgrid-nomargin {
        margin: 0;
    }

table.webgrid-transparent {
    background-color: transparent
}

table.webgrid th {
    padding: 6px 8px;
    vertical-align: top;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    font-weight: normal;
    text-align: left;
}

    table.webgrid th img {
        vertical-align: middle;
    }

table.webgrid td {
    padding-left: 10px;
    padding-top: 6px;
    padding-right: 8px;
    vertical-align: top;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

table.webgrid tr:first-child td {
    border-top: 1px solid #E8E8E8
}

.webgrid td *:last-child, .webgrid th *:last-child {
    margin-bottom: 0;
}
/*table.webgrid tr th:first-child, table.webgrid tr td:first-child{width:20%}*/

/* Alignment */
table.webgrid .webgrid-align-left, table.webgrid .td-copy-align-left {
    text-align: left;
}

table.webgrid .webgrid-align-centre, table.webgrid .td-copy-align-centre {
    text-align: center;
}

table.webgrid .webgrid-align-right, table.webgrid .td-copy-align-right {
    text-align: right;
}

table.webgrid .webgrid-align-top, table.webgrid .td-copy-align-top {
    vertical-align: top;
}

table.webgrid .webgrid-align-middle, table.webgrid .td-copy-align-middle {
    vertical-align: middle;
}

table.webgrid .webgrid-align-bottom, table.webgrid .td-copy-align-bottom {
    vertical-align: bottom;
}

/* Headings */
table.webgrid .webgrid-heading-left {
    font-size: 11px;
    border-right: 1px solid #b8d5c8;
    padding-right: 12px;
    background: #fff url(/Content/NB/Images/gradient-heading-left.gif) top right repeat-y !important;
}

table.webgrid .webgrid-header {
    border-bottom: 1px solid #b8d5c8;
    font-size: 11px;
    background: #fff url(/Content/NB/Images/gradient-heading-top.gif) bottom left repeat-x !important;
    /*    white-space: nowrap;*/
}

table.webgrid .webgrid-heading-bottom {
    border-top: 1px solid #b8d5c8;
    font-size: 11px;
    background: #fff url(/Content/NB/Images/gradient-heading-bottom.gif) top left repeat-x !important;
}

table.webgrid.webgrid-border-row .webgrid-heading-bottom {
    border-bottom: none;
}

/* Footer */
.webgrid-footer {
    display: none;
}

/* Cap headings with row striping */
table.webgrid tr.webgrid-alt-row .webgrid-heading-top {
}

table.webgrid tr.webgrid-alt-row .webgrid-heading-bottom {
    border-bottom: none
}

/* Sub sections */
.webgrid .webgrid-subsection {
    font-weight: bold;
    font-size: 11px;
    padding-top: 18px;
    color: #555555;
    border-bottom: 1px solid #E8E8E8
}

.webgrid tr.webgrid-alt-row .webgrid-subsection {
    background-color: #fff
}

.webgrid .webgrid-subsection.webgrid-alt-column {
    background-color: #fff
}

/* Corner/empty cells */
.webgrid tr:first-child .webgrid-emptycorner {
    background-image: none;
    background-color: #fff !important;
    border-top: none
}

.webgrid tr:last-child .webgrid-emptycorner {
    background-image: none;
    background-color: #fff !important;
    border-bottom: 1px solid #fff;
}

/* Text colour */
.webgrid .webgrid-text-verylightgrey {
    color: #d9d9d9
}

table.webgrid-hover-row tr:hover .webgrid-text-verylightgrey {
    color: #1C1C1C
}

/* Highlight cells yellow */
.webgrid .webgrid-highlight-yellow {
    background-color: #faf4d7 !important;
    background-image: none !important;
    color: #000
}

.webgrid tr.webgrid-alt-row .webgrid-highlight-yellow {
    background-color: #f3eccb !important;
}

    .webgrid tr.webgrid-alt-row .webgrid-highlight-yellow.webgrid-heading-top {
        background: #fff url(/Content/images/tables/gradient-heading-top.gif) bottom left repeat-x !important;
    }

/* Highlight cells green */
.webgrid .webgrid-highlight-green {
    background-color: #F4F7F4 !important;
    background-image: none !important;
    color: #000
}

.webgrid tr.webgrid-alt-row .webgrid-highlight-green {
    background-color: #ECF3F0 !important;
}

    .webgrid tr.webgrid-alt-row .webgrid-highlight-green.webgrid-heading-top {
        background: #fff url(/Content/images/tables/gradient-heading-top.gif) bottom left repeat-x !important;
    }

/* Super highlight column */
.webgrid .webgrid-heading-top.webgrid-superhighlight-column {
    color: #000;
    font-weight: bold;
    border-left: 1px solid #1a5336;
    border-top: 1px solid #1a5336;
    border-right: 2px solid #1a5336
}

.webgrid .webgrid-superhighlight-column {
    border-left: 1px solid #1a5336;
    border-right: 2px solid #1a5336;
    color: #000
}

.webgrid .webgrid-superhighlight-column-before {
    background: #fff url(/Content/images/tables/gradient-heading-left.gif) top right repeat-y;
}

.webgrid .webgrid-superhighlight-column-after {
    background: #fff url(/Content/images/tables/gradient-heading-right.gif) top left repeat-y;
}

.webgrid tr.webgrid-row-last .webgrid-superhighlight-column {
    border-bottom: 2px solid #1a5336;
}

/* Super highlight row */
.webgrid tr.webgrid-superhighlight-row .webgrid-heading-left {
    color: #000;
    font-weight: bold;
    border-left: 1px solid #1a5336;
    border-top: 1px solid #1a5336;
    border-bottom: 2px solid #1a5336
}

.webgrid tr.webgrid-superhighlight-row th, .webgrid tr.webgrid-superhighlight-row td {
    border-top: 1px solid #1a5336;
    border-bottom: 2px solid #1a5336;
    color: #000
}

.webgrid tr.webgrid-superhighlight-row-before th, .webgrid tr.webgrid-superhighlight-row-before td {
    background: #fff url(/Content/images/tables/gradient-heading-top.gif) bottom left repeat-x
}

.webgrid tr.webgrid-superhighlight-row-after th, .webgrid tr.webgrid-superhighlight-row-after td {
    background: #fff url(/Content/images/tables/gradient-heading-bottom.gif) top left repeat-x
}

.webgrid tr.webgrid-superhighlight-row .webgrid-superhighlight-column-last {
    border-right: 2px solid #1a5336;
}

/* Sorting */
.webgrid a.webgrid-heading-sort {
    text-decoration: none;
    white-space: nowrap
}

    .webgrid a.webgrid-heading-sort span {
    }

.webgrid a.webgrid-heading-sort-descending {
    font-weight: bold
}

.webgrid a.webgrid-heading-sort-ascending {
    font-weight: bold
}

.webgrid a.webgrid-heading-sort img {
    position: relative;
    top: -1px
}

/* Total rows */
.webgrid tr.webgrid-total-row-stacked th, .webgrid tr.webgrid-total-row-row-stacked td {
    border-bottom: none
}

.webgrid th.webgrid-total-cell, .webgrid td.webgrid-total-cell {
    font-weight: bold;
    background: #F4F7F4 !important;
    border-top: 1px solid #b8d5c8;
    border-bottom: 1px solid #b8d5c8
}

/* Horizontal dividers */
table.webgrid-border-row {
    border-bottom: none;
}

    table.webgrid-border-row tr:first-child th.webgrid-heading-left {
        border-top: 1px solid #e8e8e8;
    }

    table.webgrid-border-row th, table.webgrid-border-row td {
        border-bottom: 1px solid #e8e8e8;
    }

/* Vertical dividers */
table.webgrid-border-column th, table.webgrid-border-column td {
    border-right: 1px solid #e8e8e8
}

table.webgrid-border-column tr th:last-child, table.webgrid-border-column tr td:last-child {
    border-right: none;
}

/* Medium dark grey dividers */
.webgrid-border-top-mediumgrey {
    border-top: 1px solid #bdbdbd !important;
}

.webgrid-border-right-mediumgrey {
    border-right: 1px solid #bdbdbd !important;
}

.webgrid-border-bottom-mediumgrey {
    border-bottom: 1px solid #bdbdbd !important;
}

.webgrid-border-left-mediumgrey {
    border-left: 1px solid #bdbdbd !important;
}

/* Dark grey dividers */
.webgrid-border-top-darkgrey {
    border-top: 1px solid #555555 !important;
}

.webgrid-border-right-darkgrey {
    border-right: 1px solid #555555 !important;
}

.webgrid-border-bottom-darkgrey {
    border-bottom: 1px solid #555555 !important;
}

.webgrid-border-left-darkgrey {
    border-left: 1px solid #555555 !important;
}

/* Medium Primary */
.webgrid-border-top-mediumprimary {
    border-top: 1px solid #9dc2b1 !important;
}

.webgrid-border-right-mediumprimary {
    border-right: 1px solid #9dc2b1 !important;
}

.webgrid-border-bottom-mediumprimary {
    border-bottom: 1px solid #9dc2b1 !important;
}

.webgrid-border-left-mediumprimary {
    border-left: 1px solid #9dc2b1 !important;
}

/* Comparison table */
table.webgrid.webgrid-withbottomheader {
    border-bottom: none;
}

/* Row striping */
.webgrid-stripe-row {
    border-bottom: 1px solid #E8E8E8;
}

table.webgrid tr.webgrid-alt-row th, table.webgrid tr.webgrid-alt-row td {
    background: #f5f5f5
}

/* Column striping */
table.webgrid .webgrid-alt-column {
    background: #f5f5f5
}

/* Row mouseover */
table.webgrid .webgrid-hover-row, table.webgrid tr.webgrid-alt-row .webgrid-hover-row {
    background: #ecf3f0
}

table.webgrid tr.webgrid-ie6-hover-row td {
    background: #ecf3f0
}

/* Row mouseover with cell highlight*/
table.webgrid .webgrid-hover-row.webgrid-highlight-yellow, table.webgrid tr.webgrid-alt-row .webgrid-hover-row.webgrid-highlight-yellow {
    background: #d6e5de
}

/* Row mouseover with subsection */
table.webgrid .webgrid-hover-row.webgrid-subsection, table.webgrid tr.webgrid-alt-row .webgrid-hover-row.webgrid-subsection {
    background: #fff
}

/* Column mouseover */
table.webgrid .webgrid-hover-column {
    background: #ecf3f0
}

    /* Column mouseover with subsection*/
    table.webgrid .webgrid-hover-column.webgrid-subsection {
        background: #fff
    }

/*	padding for tables - 3, 6, 12, 18, 24, 30, 36 */
table.td-padding-03 {
    padding: 0;
}

table.td-padding-06 {
    padding: 0;
}

    table.td-padding-06 th, table.td-padding-06 td {
        padding: 2px 6px;
    }

table.td-padding-12 {
    padding: 0;
}

    table.td-padding-12 th, table.td-padding-12 td {
        padding: 8px 12px;
    }

table.td-padding-18 {
    padding: 0;
}

    table.td-padding-18 th, table.td-padding-18 td {
        padding: 14px 18px;
    }

table.td-padding-24 {
    padding: 0;
}

    table.td-padding-24 th, table.td-padding-24 td {
        padding: 20px 24px;
    }

table.td-padding-30 {
    padding: 0;
}

    table.td-padding-30 th, table.td-padding-30 td {
        padding: 26px 30px;
    }

table.td-padding-36 {
    padding: 0;
}

    table.td-padding-36 th, table.td-padding-36 td {
        padding: 32px 36px;
    }

@media only screen and (max-width: 1500px) {
    #portfolioGrid td, #portfolioGrid th {
        display: inline-block;
        width: 170px !important;
        padding: 5px 10px !important;
        height: auto !important;
        vertical-align: middle !important;
        border: none;
    }
}

@media only screen and (max-width: 780px) {
    #portfolioGrid .webgrid {
        border-collapse: collapse;
    }

    #portfolioGrid tr {
        border-bottom: 1px solid #E8E8E8;
    }
}

/*  Pager */
.pager {
    top: 0px;
    right: 0px;
    padding-right: 20px;
    float: right;
}

    .pager a {
        color: rgb(221, 221, 221);
        font-style: normal;
        font-weight: normal;
        text-decoration: underline;
    }

        .pager a:hover {
            color: rgb(255, 255, 255);
            font-style: normal;
            text-decoration: underline;
        }

        .pager a.selected {
            color: rgb(255, 255, 255);
            font-style: normal;
            font-weight: bold;
            text-decoration: none;
        }

.pagerDetails {
    float: left;
}

    .pagerDetails span {
        vertical-align: top;
    }

.customPager {
    padding-top: 5px;
    height: 25px;
    color: rgb(55, 55, 55);
    padding-right: 10px;
    padding-left: 10px;
    background: #f3f3f3;
    border-bottom: 1px solid #cfcfcf;
}

.pagerCust {
    top: 0px;
    right: 0px;
    padding-right: 20px;
    float: right;
}

    .pagerCust a {
        color: rgb(255, 255, 255);
        font-style: normal;
        font-weight: normal;
        text-decoration: underline;
    }

        .pagerCust a:hover {
            color: rgb(255, 255, 255);
            font-style: normal;
            text-decoration: underline;
        }

        .pagerCust a.selected {
            color: rgb(255, 255, 255);
            font-style: normal;
            font-weight: bold;
            text-decoration: none;
        }

.pagerCustDetails {
    float: left;
}

    .pagerCustDetails span {
        vertical-align: top;
    }

/* Move the bottom pager below the footer when there is no space in the footer */
@media only screen and (max-width: 600px) {
    #footerBottom {
        margin-bottom: 24px;
    }

    .pagerCust {
        display: none;
    }

    .pager, .pager a {
        margin-top: 4px;
        color: #1C1C1C !important;
        clear: both;
    }
}

/* Move the pager details below the footer (and above the pager) when there is no space in the footer */
@media only screen and (max-width: 400px) {
    .pagerCustDetails ~ .pagerCustDetails {
        display: none;
    }

    .pagerCust {
        display: none;
    }

    #footerBottom {
        margin-bottom: 68px;
    }

        #footerBottom > .pagerDetails ~ .pagerDetails {
            margin-top: 10px;
            float: right;
            clear: both;
            color: #1C1C1C;
        }

        #footerBottom .pagerDetails:nth-of-type(2) {
            display: none;
        }
}

.middle {
    width: 80%;
    margin: 10px 10% 0 10%;
    min-width: 700px;
    max-width: 1000px;
}

.forgotPasswordQuestion {
    padding: 5px;
    padding-left: 10px;
}

.forgotPasswordAnswer {
    padding: 5px;
    padding-left: 20px;
}


.securityHeader.left {
    float: left;
}

.securityHeader.right {
    float: right;
}

#ImgFN {
    width: 273px;
    height: 96px;
}

#imgMerlin {
    width: 109px;
    height: 94px;
}

div.header {
    margin: 0 0 10px 0;
    padding: 0;
    letter-spacing: 1px;
    color: #006951;
    font-style: italic;
    font-size: 28px;
    font-family: 'Gilroy-Regular', sans-serif !important;
}


div.centered {
    text-align: center;
    font-family: 'Gilroy-Regular', sans-serif !important;
    font-size: 13px;
}


div.header.mid {
    margin-left: 20%;
    margin-right: 20%;
}

#PassPhraseBorder {
    padding: 5px;
    border-style: solid;
    margin-left: 5%;
    margin-bottom: 25px;
    width: 90%;
    color: #47493e;
}

#imgUserSelection {
    height: 98px;
    width: 130px;
    margin: 3%;
}

.securityButton {
    width: 120px;
    margin: 10px;
}

.enhancedSecurityDiv {
    clear: both;
    margin-top: 20px;
}

#ls_p3 {
    float: left;
    margin: 15px 0 0 5%;
    text-align: left;
    width: 90%;
    margin-bottom: 15px;
}

.securityQuestion label {
    float: left;
    margin-left: 5%;
    margin-bottom: 3px;
    text-align: left;
    width: 90%;
}

.securityQuestion input {
    float: left;
    margin-left: 5%;
    margin-bottom: 15px;
    width: 90%;
}

#sqprompt {
    float: left;
    margin-left: 5%;
    width: 90%;
    text-align: left;
}

    #sqprompt ul {
        width: 100%;
    }




.securityRadio {
    text-align: center;
}




.securityProfileQuestion label {
    float: left;
    margin-bottom: 3px;
    text-align: left;
    width: 92%;
}

.securityProfileQuestion input {
    float: left;
    margin-left: 18px;
    margin-bottom: 10px;
    width: 92%;
}

.securityQuestionTable {
    width: 100%;
    border-collapse: collapse;
    border: 0px;
}

    .securityQuestionTable > div > p {
        display: inline-block;
        margin: 0px;
    }

        .securityQuestionTable > div > p:last-child {
            width: 93%;
        }

        .securityQuestionTable > div > p:first-child {
            width: 3%;
        }

    .securityQuestionTable input, .securityQuestionTable textarea {
        width: 100%;
    }

/*.securityImagesTable > div {
    width: 20%;
    float: left;
}*/

.securityProfile {
    width: 100%;
}

    .securityProfile > div > p {
        display: inline-block;
        margin: 0px;
    }

        .securityProfile > div > p:last-child {
            width: 25%;
            padding: 0 0 10px 0;
        }

        .securityProfile > div > p:first-child {
            width: 70%;
            padding: 0 0 10px 0;
        }

.securityImagesGrid {
    display: grid;
    width: 80vw;
    gap: 15px 50px;
    grid-template-columns: repeat(auto-fit, 100px);
    margin: auto;
}

@media only screen and (max-width: 780px) {
    .securityQuestionNumber {
        margin-right: 5px !important;
    }

    .securityImagesGrid {
        display: grid;
        width: 80vw;
        gap: 15px 50px;
        grid-template-columns: repeat(auto-fit, 100px);
        margin: auto;
    }

    .securityProfile #securityImage {
        width: 100% !important;
    }
}

#changePasswordFields .editor-label {
    display: inline-block;
    width: 20%;
}

#changePasswordFields .editor-field {
    display: inline-block;
    width: 70%;
}

    #changePasswordFields .editor-field input {
        width: 100%;
        max-width: 300px;
    }

.SecurityAnswer {
    width: 100%;
}

.GetUserId {
    float: left;
    font-weight: bold;
    margin: 2px 5px 0 0;
}

.spaceAfter {
    padding: 0 0 5px 0;
}


.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.field-validation-error {
    color: #e60000;
}

.field-validation-valid {
    display: none;
}

#productDetailsTermsOfCondtion {
    padding-right: 30px;
    padding-top: 20px;
    padding-left: 20px;
    /*width: 80%;*/
    display: table-cell;
    vertical-align: top;
}

#brokerComp .rsBar {
    color: rgb(0, 81, 105);
    width: 95%;
    height: 3px;
}

#brokerComp .rs15 {
    font-size: 16pt;
}

#brokerComp .rs16 {
    font-size: 10pt;
    text-align: center;
    text-decoration: underline;
}

#brokerComp .rs17 {
    font-size: 10pt;
    text-align: center;
}

#brokerComp .subHeader {
    font-size: 10pt;
    text-align: left;
    font-weight: bold;
}

#brokerComp li {
    list-style-position: outside;
    text-align: left;
}

#brokerComp ul {
    margin: 5px 0 5px 0;
    clear: both;
}

div.clearBoth {
    clear: both;
    margin: 0;
}

#brokerComp .nospacing {
    margin-bottom: 0;
    margin-top: 0;
}

#brokerComp .centerImage {
    text-align: center;
}

#brokerComp .title {
    float: left;
}

#brokerComp .para {
    font-size: 10pt;
    padding-left: 24px;
}

.rs1 {
    color: rgb(0, 81, 105);
    font-size: 25pt;
    /*font-family: Century Gothic, Arial, Helvetica, sans-serif;*/
    width: 80%;
    margin: 40px 0 20px 0;
    float: left;
}



#brokerComp .highlights {
    /*font-family: Century Gothic, Arial, Helvetica, sans-serif;*/
    font-size: 16pt;
    color: rgb(0, 81, 105);
    text-align: left;
}

.contentHeader {
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
    color: var(--brand-red);
    /*color: var(--brand-blue);*/
    font-size: 28px;
    font-family: 'Gilroy-Bold', sans-serif !important;
}

#securityProfileFields {
    padding: 20px;
    clear: both;
}

.cssbutton {
    height: 30px;
    border: 1px solid #00324D;
    padding: 3px 7px;
    color: #fff !important;
    text-shadow: 1px 1px 0px #005587;
    background: #00324D;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    /*padding: 3px 7px;*/
    border-radius: 50rem !important;
}

    .cssbutton:hover, .cssbutton:focus {
        color: #fff !important;
        border: 1px solid #005587;
        *border: none;
        cursor: pointer;
        *box-shadow: 0px 0px 1px #000;
        background: #005587;
    }

    .cssbutton.activeonfocus {
        border: 1px solid transparent;
        border: none;
        background-color: transparent;
        background-image: none;
        text-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #1a5336 !important;
    }

        .cssbutton.activeonfocus:focus, .cssbutton.activeonfocus:hover {
            color: #fff !important;
            border: 1px solid #005587;
            text-shadow: 1px 1px 0px #000;
            *border: none;
            *box-shadow: 0px 0px 1px #000;
            background: #005587;
        }
/*LoginBtn*/
.btnlogon {
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #00324D;
    /*background-color: #0d7c16 #0075BE;*/
    margin: 2px;
    text-decoration: none;
    font-size: 1em;
    font-weight: 400;
    padding: 10px;
    border-radius: 50rem !important;
}

    .btnlogon:hover, .btnlogon:focus {
        background-color: #005587;
        color: #fff;
        border-color: #005587
    }

#brandLogo a:hover, #brandLogo a:focus, #brandLogo a:active {
    color: #000;
    background-color: #fff;
}

.nowrap {
    white-space: nowrap;
}


.narrowTh {
    width: 20px;
}

.cssbutton-blue {
    border: 1px solid #0075BE;
    color: #fff !important;
    text-shadow: 1px 1px 0px #000;
    background: #0075BE;
    /* background: -moz-linear-gradient(top, #c0570d 0%, #b94d00 49.9%, #ac3e01 50%, #b04a02 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0570d), color-stop(49.9%, #b94d00), color-stop(50%, #ac3e01), color-stop(100%, #b04a02));
    background: -webkit-linear-gradient(top, #c0570d 0%, #b94d00 49.9%, #ac3e01 50%, #b04a02 100%);
    background: -o-linear-gradient(top, #c0570d 0%, #b94d00 49.9%, #ac3e01 50%, #b04a02 100%);
    background: -ms-linear-gradient(top, #c0570d 0%, #b94d00 49.9%, #ac3e01 50%, #b04a02 100%);
    background: linear-gradient(top, #c0570d 0%, #b94d00 49.9%, #ac3e01 50%, #b04a02 100%);
    -pie-background: linear-gradient(top, #c0570d 0%, #b94d00 49.9%, #ac3e01 50%, #b04a02 100%);
    box-shadow: 0 1px 3px #9f9f9f, 0 0 2px #f09126 inset;
    -webkit-box-shadow: 0 1px 3px #9f9f9f, 0 0 2px #f09126 inset;
    -moz-box-shadow: 0 1px 3px #9f9f9f, 0 0 2px #f09126 inset;*/
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 7px;
}

    .cssbutton-blue:hover, .cssbutton:focus {
        color: #fff !important;
        border: 1px solid #005587;
        *border: none;
        *box-shadow: 0px 0px 1px #000;
        background: #005587;
    }

    .cssbutton-blue.activeonfocus {
        border: 1px solid transparent;
        border: none;
        background-color: transparent;
        background-image: none;
        text-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff !important;
    }

        .cssbutton-blue.activeonfocus:focus, .cssbutton.activeonfocus:hover {
            color: #fff !important;
            border: 1px solid #005587;
            text-shadow: 1px 1px 0px #000;
            *border: none;
            *box-shadow: 0px 0px 1px #000;
            background: #005587;
        }

#TextSearch {
    height: 20px;
    width: 500px;
    outline: none;
    resize: none;
    min-height: 20px;
    min-width: 300px;
    border: 1px solid rgb(186, 186, 186);
    padding-top: 5px;
    padding-left: 5px;
    font-family: 'Gilroy-Regular', sans-serif !important;
    font-size: 15px;
}

@media only screen and (max-width: 780px) {
    #TextSearch {
        width: 100%;
        min-height: 20px;
        min-width: 0px;
    }
}

.editor-field {
    margin: 0.5em 0px 0px;
}

    .editor-field input {
        border: 1px solid rgb(186, 186, 186);
    }

.button-field input {
    border: 1px solid rgb(186, 186, 186);
}

.editor-field-user input {
    border: 1px solid rgb(186, 186, 186);
    padding-top: 5px;
    padding-left: 5px;
    vertical-align: bottom;
}


#Err_Message {
    visibility: hidden;
    color: red;
    margin: 5px;
}

.jssora051 {
    display: block !important;
    position: absolute;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
    top: 51px !important;
}

    .jssora051:focus {
        outline: solid 1px white;
    }

    .jssora051 .a {
        fill: none;
        stroke: #fff;
        stroke-width: 720;
        stroke-miterlimit: 10;
    }

    .jssora051:hover {
        opacity: .8;
    }

    .jssora051.jssora051dn {
        opacity: .5;
    }

    .jssora051.jssora051ds {
        opacity: .3;
        pointer-events: none;
    }

#logoff {
    background-color: #E41C23;
    /*background-color: #444;*/
    border: 0;
    box-shadow: none;
    height: 34px;
    font-size: 16px;
    font-weight: normal;
    color: white
}

.btn#logoff:hover {
    color: black;
    /*background-color: #005587;*/
    background: url(/Content/NB/Images/gradient-heading-bottom.gif);
}

@media only screen and (max-width: 780px) {
    /* Log off menu for Mobile screens */
    #logoff {
        background: none;
        background-color: #005587;
    }
}

#protectionPlansContent {
    padding: 30px;
    clear: both;
}

#CollapsibleContainer {
    padding: 1rem;
    padding-bottom: 0;
}

.collapsible {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    border: none;
    text-align: left;
}

    .active, .collapsible:hover {
        background-color: #ccc;
    }

.collapsibleContent {
    background-color: #eee;
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    display: grid;
    grid-template-columns: 50% 50%;
}

.uneditableField {
    border-block-color: #d9d9d9;
    height: 110%;
    font-weight: 500;
    color: black;
    background-color: #eee;
    cursor: default;
}

.editableField {
    background-color: #dae3f3;
    border-block-color: #d9d9d9;
    height: 110%;
    color: black;
    font-weight: 500;
}

    .editableField:read-only {
        cursor: default;
    }

.expand {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
}

#titleField {
    float: left;
    padding-right: 10px;
    font-weight: bold;
}

#customerInformationGrid {
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: 50% 50%;
}

#customerName {
    padding-left: 20px;
    font-size: 20px;
    font-weight: bold;
    float: left;
}

#radioContainer {
    padding: 10px;
}

.radioButton {
    float: left;
}

#buttonContainer {
    float: left;
    margin-right: 10px;
}

#radioText {
    float: inherit;
    color: #005020;
}

.preferredTimeLabel {
    padding-left: 20px;
    padding-right: 10px;
}

#disclaimerContainer {
    clear: left;
    padding-top: 15px;
}

#brokerAndCustomerInterest {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 3;
}

#brokerTermsAndConditionsContainer {
    border: 2px solid black;
    padding: 1rem;
    margin: 5rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

#termsAndConditionsTitle {
    font-size: x-large;
    font-weight: bold;
    color: black;
    margin-bottom: 2rem;
}

#brokerTCAcknowledgements li {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#notInterestedContainer {
    margin: 2rem;
    margin-top: 0rem;
}

#notInterestedCheck {
    float: left;
    margin-left: 3rem;
}

.notInterestedReasonWrap {
    float: left;
    margin-right: 3rem;
    margin-left: 3rem;
}

#submitButtonContainer {
    padding: 30px;
    text-align: center;
}

    #submitButtonContainer input:enabled {
        width: 200px;
        height: 40px;
        font-size: large;
    }

    #submitButtonContainer input:disabled {
        width: 200px;
        height: 40px;
        font-size: large;
        background: #cecece;
        border: none;
        text-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

.invalidMessage {
    color: #cd2222;
    font-weight: bold;
}

.disablebutton {
    border: 1px solid #595959;
    color: #fff !important;
    text-shadow: 1px 1px 0px #595959;
    background: #595959;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 7px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#dealDetailsRight div .buttonNextLine {
    padding-top: 10px;
    padding-bottom: 10px;
}

.screenReaderFriendlyText {
    text-indent: -5000px;
    position: absolute;
}

#navMenuButton {
    width: 45px;
    height: 30px;
    position: relative;
    /*margin: 50px auto;*/
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    #navMenuButton span {
        display: block;
        position: absolute;
        height: 9px;
        width: 50%;
        background: #646C76;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        #navMenuButton span:nth-child(even) {
            left: 49.99%;
            border-radius: 0 9px 9px 0;
        }

        #navMenuButton span:nth-child(odd) {
            left: 0px;
            border-radius: 9px 0 0 9px;
        }

        #navMenuButton span:nth-child(1), #navMenuButton span:nth-child(2) {
            top: 0px;
        }

        #navMenuButton span:nth-child(3), #navMenuButton span:nth-child(4) {
            top: 18px;
        }

        #navMenuButton span:nth-child(5), #navMenuButton span:nth-child(6) {
            top: 36px;
        }

    #navMenuButton.open span:nth-child(1), #navMenuButton.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #navMenuButton.open span:nth-child(2), #navMenuButton.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #navMenuButton.open span:nth-child(1) {
        left: 5px;
        top: 12px;
    }

    #navMenuButton.open span:nth-child(2) {
        left: calc(50% - 5px);
        top: 12px;
    }

    #navMenuButton.open span:nth-child(3) {
        /* left: -50%;*/
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
    }

    #navMenuButton.open span:nth-child(4) {
        /* left: 100%;*/
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
    }

    #navMenuButton.open span:nth-child(5) {
        left: 5px;
        top: 25px;
    }

    #navMenuButton.open span:nth-child(6) {
        left: calc(50% - 5px);
        top: 25px;
    }

.bannerslink {
    top: 0px;
    left: 0px;
    width: 728px;
    height: 90px;
    position: absolute;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.aodaHeaders {
    font-weight: normal;
}

.aodaHeaderSizes {
    font-size: 16px;
    margin: 0 0 1.5em 0;
}

.aodaErrorMessageColor {
    color: #FFE6E6;
}