#tblTransactionEnquirydatatable tr[aria-selected="true"] {
    background-color: #ffeeba !important;
    color: #000 !important;
}

.paid-row-disabled input.cbox {
   cursor: not-allowed;
   pointer-events:none;
   opacity: 0.6;
} 

body {
    font-family: 'Arial', 'Helvetica', 'sans-serif';
    font-weight: normal;
    color: #333;
    position: relative;
    padding-right: 0 !important;
    /*overflow-x: hidden;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.top-margin25 {
    margin-top: 25px !important;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.loading-indicator-wrapper.loader-visible {
    z-index: 2147483647 !important;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

select {
    padding: 10px 12px;
    display: block;
    left: 0;
    right: 34px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 40px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    background: transparent url(../Content/Images/dropdown-icon.png) no-repeat 96% center;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    select::-ms-expand {
        display: none;
    }

    select:disabled {
        background: transparent;
        background-color: #eee;
    }

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
    padding-right: 30px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    height: 40px;
}

    .select2-container--default .select2-selection--single:focus {
        outline-color: #0061a0;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
        color: inherit;
        text-align: justify;
    }

        .select2-container--default .select2-selection--single .select2-selection__rendered:focus {
            outline-color: #0061a0;
        }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px;
        width: 30px;
        background: transparent url(../Content/Images/dropdown-icon.png) no-repeat center;
        margin: auto;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            display: none;
        }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0061a0;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    box-sizing: initial;
    text-align: left;
    color: inherit;
}

.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #0061a0;
    outline-color: #0061a0;
}

.select2-container--default .select2-search--dropdown span.glyphicon.glyphicon-search {
    display: none;
}

@-ms-viewport {
    width: auto !important;
}

a {
    color: #0061A0;
    font-size: 13px;
    line-height: 16px;
}

    a:hover, a:focus {
        color: #0061A0;
        cursor: pointer;
        text-decoration: underline;
    }

.documentbody {
    margin-top: 70px;
}

    .documentbody.shrink {
        margin-top: 50px;
    }

.btn-metlife__header {
    font-size: 12px !important;
    line-height: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    min-width: 30px;
    width: auto;
    border: 0px solid transparent;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px 0;
    margin: 5px 0;
    padding: 12.5px 30px;
    display: inline-block;
    word-wrap: break-word;
    max-width: inherit;
    white-space: normal !important;
}

    .btn-metlife__header.shrink {
        font-size: 11px !important;
        line-height: 12px;
        min-width: 25px;
        padding: 10px 20px;
    }

.btn-metlife {
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    min-width: 40px;
    width: auto;
    border: 0px solid transparent;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
    margin: 0 auto 10px;
    padding: 12.5px 30px;
    display: inline-block;
    word-wrap: break-word;
    max-width: inherit;
    white-space: normal !important;
    cursor: pointer;
}

    .btn-metlife:hover,
    .btn-metlife__header:hover {
        text-decoration: none;
    }

    .btn-metlife,
    .btn-metlife__header,
    .btn-metlife:active,
    .btn-metlife__header:active,
    .btn-metlife:focus,
    .btn-metlife__header:focus {
        background-color: #007abc;
        color: #ffffff;
    }

        .btn-metlife:hover,
        .btn-metlife__header:hover,
        .btn-metlife:focus,
        .btn-metlife__header:focus {
            background-color: #0090da;
            box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px;
            -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px;
            -moz-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px;
            text-decoration: underline;
            color: #fff;
        }

        .btn-metlife:disabled,
        .btn-metlife:disabled:hover,
        .btn-metlife:disabled:focus {
            background-color: #C0DC5A;
            color: rgba(255, 255, 255, 0.75);
            text-decoration: none;
            cursor: none;
        }

       .btn-eb
        {
            background-color: #0090da;
            box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px;
            -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px;
            -moz-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px;
            text-decoration: underline;
            color: #fff;
        }

.btnGreen,
.btnGreen:active,
.btnGreen:focus {
    background-color: #a4ce4e;
    color: #333;
}

    .btnGreen:hover {
        background-color: #B7DD58;
        box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px;
        -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px;
        -moz-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px 0px;
        text-decoration: underline;
        color: #333;
    }

.btn-group .btn {
    position: relative;
    overflow: visible;
    display: inline-block;
    border: 2px solid #333;
    border-radius: 5px;
    margin: 0;
    color: #fff;
    text-shadow: 0 0 0 #fff;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #333;
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    /* IE hacks */
    zoom: 1;
    *display: inline;
    font-size: 12px;
    font-weight: normal;
    float: left;
}

    .btn-group .btn.active {
        color: #333;
        text-shadow: 0 0 0 #333;
        background-color: #f2f2f2;
    }

    .btn-group .btn:not(:last-of-type) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 1px solid #f2f2f2;
    }

    .btn-group .btn:not(:first-of-type) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left-width: 0;
    }

    .btn-group .btn:only-of-type {
        width: 100%;
    }

    /* overrides extra padding on btn elements in Firefox */
    .btn-group .btn::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

.btn-group + .btn,
.btn-group + .btn-group {
    margin-left: 15px;
}

.btn-group .icon svg {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    color: #3d9cdb;
    font-size: 1.5em;
    line-height: 0.5em;
    top: 33px;
}

.btn-group .icon.active {
    display: block;
}

.btn-group__icon {
    position: absolute;
    width: 100%;
    top: 27px;
    display: none;
}

.btn-group-fax {
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group-fax .btn {
        background-color: white;
        border: 1px solid #cccccc;
        padding: 6px 12px;
        line-height: 0;
    }

        .btn-group-fax .btn.active {
            background-color: #666666;
        }

.vcenter-sbs {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.global-header {
    background-color: #fff;
    box-sizing: border-box;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    width: 100%;
    height: 70px;
    z-index: 1000;
    top: 0;
    position: fixed;
}

    .global-header.shrink {
        box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px 0;
        height: 50px;
    }

    .global-header div:nth-child(3) .global-header__logo__right h2,
    .global-header div:nth-child(3) .global-header__logo__right h3,
    .global-header div:nth-child(3) .global-header__logo__right h5 {
        line-height: 0.5;
        white-space: nowrap;
    }

    .global-header div:nth-child(3) .global-header__logo__right.shrink h2 {
        font-size: 25px;
        line-height: 0.35;
        white-space: nowrap;
    }

    .global-header div:nth-child(3) .global-header__logo__right.shrink h3 {
        font-size: 20px;
        line-height: 0.4;
        white-space: nowrap;
    }

    .global-header div:nth-child(3) .global-header__logo__right.shrink h5 {
        font-size: 12px;
        line-height: 0.25;
        white-space: nowrap;
    }

    .global-header div:nth-child(3) .global-header__logo__right.shrink a {
        font-size: 12px;
    }

    .global-header div:nth-child(1) .global-header__logo__left h2,
    .global-header div:nth-child(1) .global-header__logo__left h3,
    .global-header div:nth-child(1) .global-header__logo__left h5 {
        line-height: 0.5;
        white-space: nowrap;
    }

    .global-header div:nth-child(1) .global-header__logo__left.shrink h2 {
        font-size: 25px;
        line-height: 0.35;
        white-space: nowrap;
    }

    .global-header div:nth-child(1) .global-header__logo__left.shrink h3 {
        font-size: 20px;
        line-height: 0.4;
        white-space: nowrap;
    }

    .global-header div:nth-child(1) .global-header__logo__left.shrink h5 {
        font-size: 12px;
        line-height: 0.25;
        white-space: nowrap;
    }

.global-header__logo {
    height: auto;
    max-height: 38px;
    width: 168px;
    margin: 16px auto;
    color: #333;
    font-weight: normal;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

    .global-header__logo.shrink {
        height: auto;
        max-height: 27px;
        width: 120px;
        margin: 11.5px auto;
    }

.global-header__logo__right {
    height: auto;
    max-height: 38px;
    color: #333;
    font-weight: normal;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding-right: 0;
}

    .global-header__logo__right.loggedin {
        margin: 14px auto;
        float: right;
    }

        .global-header__logo__right.loggedin.shrink {
            margin: 7px auto;
        }

    .global-header__logo__right > * {
        padding-left: 0;
        padding-right: 0;
    }

    .global-header__logo__right.shrink {
        height: auto;
        max-height: 27px;
    }

/*@media all and (max-width: 1500px) {
    .global-header__logo__right.loggedin div:first-child {
        padding-right: 10px;
    }
}*/

.global-header__logo__left {
    height: auto;
    max-height: 38px;
    color: #333;
    font-weight: normal;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding-left: 0;
}

    .global-header__logo__left.number {
        margin: 14px auto;
    }

        .global-header__logo__left.number.shrink {
            margin: 7px auto;
        }

    .global-header__logo__left > * {
        padding-left: 0;
        padding-right: 0;
    }

    .global-header__logo__left.shrink {
        height: auto;
        max-height: 27px;
    }

.loginContent {
    margin-top: 3%;
    margin-bottom: 2%;
}

    .loginContent div.container {
        background-color: #f2f2f2;
    }

.divider--title {
    font-size: 20px;
    line-height: 22px;
}

.maintainance-alert {
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    max-width: 550px;
    text-align: left;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .row-eq-height.vertical-divider {
        padding-top: 15px;
        padding-bottom: 30px;
        overflow: hidden;
    }

        .row-eq-height.vertical-divider > div[class^="col-"] {
            border-right: 1px solid #ccc;
        }

        .row-eq-height.vertical-divider div[class^="col-"]:first-child {
            border-left: none;
        }

        .row-eq-height.vertical-divider div[class^="col-"]:last-child {
            border-right: none;
        }

.textinput__login-alert {
    background-color: #ffffff;
    border-color: #e3e3e3;
    border-radius: 2px;
    height: 40px;
    padding: 10px 12px;
    text-align: left;
    color: #333;
}

    .textinput__login-alert:focus {
        border-color: #0061A0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 97, 160, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 97, 160, .6);
    }

.textinput__general {
    background-color: #ffffff;
    border-color: #e3e3e3;
    border-radius: 2px;
    height: 40px;
    padding: 10px 12px;
    text-align: left;
    color: #333;
    min-width: 100%;
    margin-bottom: 15px;
}

    .textinput__general:focus {
        border-color: #0061A0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 97, 160, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 97, 160, .6);
    }

.normal-control {
    display: inline-block;
    min-width: 100%;
    height: 40px;
    font-size: 14px;
    padding: 10px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.input-error {
    border-color: #EB4646 !important;
    background-color: #F5D0D0;
    border-width: 1px !important;
    border-style: solid !important;
}

.input-FileStarted {
    border-width: 1px !important;
    border-style: solid !important;
}

.menuDiv {
    /*margin-top: 70px;*/
}

    .menuDiv > * {
        margin-left: auto;
        margin-right: auto;
        padding-right: 0;
        padding-left: 0;
    }

    .menuDiv div.headerrow {
        height: 60px;
        z-index: 996;
        width: 100%;
        min-width: 870px;
        background-color: #0061a0;
        display: block;
    }

.wealthbusinessmessage {
    margin-top: 40px;
    font-size: 18px;
    text-align: left;
}

.navigateToHomePage {
    margin-top: 10px;
    padding: 0 15px;
}

.manageusermessage {
    margin-top: 10px;
}

.passwordrules {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px;
}

.manageaccountmessage {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: bold;
    text-align: left;
}

.passwordruleheader {
    font-size: 18px;
    line-height: 22px;
    padding-top: 40px;
}

.mailTypeHeader {
    font-size: 18px;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 15px;
}

#TermsAndCondition {
    overflow: hidden;
    max-width: 100%;
    line-height: 20px;
    font-size: 14px;
}

    #TermsAndCondition div.table {
        padding: 15px;
    }

        #TermsAndCondition div.table div.row {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

        #TermsAndCondition div.table div[class^="col-"] {
            border-bottom: 1px solid #333;
            border-right: 1px solid #333;
        }

    #TermsAndCondition .btn-metlife {
        margin: 20px 0;
    }

    #TermsAndCondition #cancelLogin {
        padding: 0 20px;
        margin-bottom: 40px;
    }

    #TermsAndCondition ol {
        counter-reset: item;
    }

        #TermsAndCondition ol li:not(.s2sub):not(.s3sub) {
            display: block;
        }

            #TermsAndCondition ol li:not(.s2sub):not(.s3sub):before {
                content: counters(item, ".") ". ";
                counter-increment: item;
            }

    #TermsAndCondition li.s2sub::before,
    #TermsAndCondition li.s3sub::before {
        counter-increment: none !important;
        content: none !important;
    }

    #TermsAndCondition li.s2sub {
        list-style-type: lower-roman;
    }

    #TermsAndCondition li.s3sub {
        list-style-type: lower-alpha;
    }

.nav-tabs.navigationMenu {
    border-bottom: 1px solid #0061a0;
    text-align: center;
    padding-top: 40px;
}

    .nav-tabs.navigationMenu li a {
        display: inline-block;
        font-weight: bold;
        font-size: 14px;
    }

    .nav-tabs.navigationMenu li.active a {
        padding: 20px 30px;
        border: 1px solid #0061a0;
        border-bottom: 1px solid #fff;
        color: #0061a0;
    }

    .nav-tabs.navigationMenu li:not(.active) {
        padding-top: 4px;
    }

        .nav-tabs.navigationMenu li:not(.active) a {
            padding: 17px 30px 18px;
            background-color: #0061a0;
            color: #fff;
        }

            .nav-tabs.navigationMenu li:not(.active) a:hover {
                border: 1px solid #0061a0;
            }

.nav-pills.navigationMenu {
    text-align: center;
}

    .nav-pills.navigationMenu li a {
        display: inline-block;
        font-weight: bold;
        font-size: 13px;
    }

    .nav-pills.navigationMenu li.active a {
        background-color: #fff;
        color: #0061a0;
    }

    .nav-pills.navigationMenu li:not(.active) a {
        background-color: #0061a0;
        color: #fff;
    }

        .nav-pills.navigationMenu li:not(.active) a:hover {
            border: 2px solid #0061a0;
        }

    .nav-pills.navigationMenu .dropdown-menu > li.active > a,
    .nav-pills.navigationMenu .dropdown-menu > li > a:active {
        background-color: #0061a0;
        color: #fff;
    }

    .nav-pills.navigationMenu .dropdown-menu > li > a {
        background-color: #fff;
        color: #003366;
    }



.content__form__header {
    font-weight: bold;
    font-family: Georgia;
    font-size: 28px;
    line-height: 32px;
    text-align: left;
}

.registrationSuccessHeader {
    font-weight: bold;
    font-family: Georgia;
    font-size: 44px;
    line-height: 44px;
    text-align: center;
    color: #849930;
    text-decoration: none;
    padding-top: 65px;
    padding-bottom: 50px;
}

.setPasswordHeader {
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    margin-top: 50px;
}

div.center-block div.registrationSuccessMessage {
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    padding-top: 50px;
}

div.registrationSuccessMessage div.registrationSuccess {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    font-weight: 400;
    padding-bottom: 100px;
}

.resetPasswordError {
    margin-top: 20px;
    font-weight: 400;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    width: 65%;
    max-width: 845px;
    margin-bottom: 10px;
}

.genericContent {
    margin-top: 0%;
    margin-bottom: 2%;
}

    .genericContent div.container {
        background-color: #f2f2f2;
        padding-left: 15px;
    }

.marginLeftAlign {
    margin-left: 0px;
}

label.ui-checkboxradio-label {
    line-height: 14px;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    text-rendering: optimizeLegibility;
    width: auto;
    margin: 0 auto 0px;
    padding: 12.5px 30px;
    display: inline-block;
    border-width: 2px;
    height: 40px;
    background-color: #fff;
    color: #007ABC;
    border-color: #007ABC;
    box-shadow: none;
    border-radius: 2px;
    white-space: nowrap;
}

    label.ui-checkboxradio-label:hover,
    label.ui-checkboxradio-label.ui-button.ui-state-active,
    label.ui-checkboxradio-label.ui-button.ui-state-active:hover {
        border-width: 2px;
        border-color: #007ABC;
        box-shadow: none;
        background-color: #007ABC;
        text-decoration: underline;
        font-weight: bold;
        color: #fff;
    }

    label.ui-checkboxradio-label.ui-button.ui-state-disabled,
    label.ui-checkboxradio-label.ui-button.ui-state-disabled:hover {
        border-width: 2px;
        border-color: #007ABC;
        background-color: #fff;
        cursor: not-allowed !important;
        font-weight: bold;
        text-decoration: none;
    }

.tab-content.navigationMenu {
    margin: 40px auto 0;
    width: 100%;
}

.normal-group {
    margin-bottom: 25px;
}

.top-margin {
    margin-top: 20px;
}

.top-margin40 {
    margin-top: 40px !important;
}

.btnNewApplication {
    margin: 40px 0;
}

.searchText {
    background-color: #ffffff;
    margin: 10px 0;
    font-weight: normal;
    font-size: 20px;
    outline: 0;
    border: 0;
    padding: 0;
    border-bottom: 2px solid #e3e3e3;
    text-align: center;
    padding: 10px 12px;
    color: #333;
}


    /*.searchText ::-webkit-input-placeholder {
        color: #333 !important;
    }

    .searchText ::-moz-placeholder {
        color: #333 !important;
    }

    .searchText ::-ms-placeholder {
        color: #333 !important;
    }

    .searchText ::placeholder {
        color: #333 !important;
    }*/

    .searchText:hover,
    .searchText:focus {
        border-color: none;
        box-shadow: none;
        transition: none;
        border-color: #0061A0;
    }

.searchhelpertext {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.generic-header {
    font-size: 44px;
    margin-top: 65px;
}

.generic-title-header {
    font-family: 'Georgia Bold', 'Georgia';
    font-size: 44px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.generic-margin-bottom {
    padding-bottom: 60px;
}

.generic-paragraph-header {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.generic-paragraph {
    font-size: 14px;
    line-height: 20px;
}

.excel-icon {
    width: 18px;
    height: 18px;
}

.commonPlaceHolder,
.msProtectionEligibility,
.ebEligibility,
.protectionEligibility {
    background-color: #f2f2f2;
}

.blueBackground {
    background-color: #0061a0;
}

.changePassword {
    margin-bottom: 40px;
}

.passwordTextbox {
    padding-right: 20px;
    padding-left: 20px;
}

.ebMessageHeader,
.protectionMessageHeader {
    padding-top: 40px;
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 32px;
    text-align: left;
    font-family: Georgia;
    font-weight: bold;
}

.lastCalcRunHeader {
    padding-top: 0px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 14px;
    font-family: Georgia;
    font-weight: bold;
    text-align: right;
}

.CategoryMessageHeader {
    padding-top: 0px;
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 32px;
    text-align: left;
    font-family: Georgia;
    font-weight: bold;
    color :white;
}

#ProtectionSecondaryHeadertext, #SummaryDiv {
    margin-bottom: 40px;
}


.ebContent,
.protectionContent {
    padding: 0 30px;
}

/*NBProtection Breadcrumb css starts */
.container-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
    min-width: 480px;
    padding: 0;
}

    .container-breadcrumb .breadcrumb-protection {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 6px;
        overflow: hidden;
        margin: auto;
        text-align: center;
        top: 50%;
        width: 100%;
        height: 39px; /*($base: 26px; height: $base * 1.5)*/
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        box-shadow: 0 1px 1px rgba(0,0,0,0.5), 0 4px 14px rgba(0,0,0,0.2);
        z-index: 1;
        background-color: #0090da;
        font-size: 14px;
        cursor: default;
    }

        .container-breadcrumb .breadcrumb-protection a {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            -ms-flex-flow: column;
            flex-grow: 1;
            text-decoration: none;
            margin: auto;
            height: 100%;
            padding-left: 26px; /*($base: 26px;)*/
            padding-right: 0;
            color: #fff;
        }

            .container-breadcrumb .breadcrumb-protection a:first-child {
                padding-left: 10.4px; /*($base: 26px; $base / 2.5)*/
            }

            .container-breadcrumb .breadcrumb-protection a:last-child {
                padding-right: 10.4px; /*($base: 26px; $base / 2.5)*/
            }

            .container-breadcrumb .breadcrumb-protection a:after {
                content: "";
                position: absolute;
                display: inline-block;
                width: 39px; /*($base: 26px; height: $base * 1.5)*/
                height: 39px; /*($base: 26px; height: $base * 1.5)*/
                top: 0;
                right: -19.25926px; /*($base: 26px; height: $base / 1.35 * -1)*/
                background-color: #0090da;
                border-top-right-radius: 5px;
                -webkit-transform: scale(0.707) rotate(45deg);
                transform: scale(0.707) rotate(45deg);
                box-shadow: 1px -1px #fff;
                z-index: 1;
            }

            .container-breadcrumb .breadcrumb-protection a:last-child:after {
                content: none;
            }

        .container-breadcrumb .breadcrumb-protection .breadcrumb__inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin: auto;
            z-index: 2;
        }

            .container-breadcrumb .breadcrumb-protection .breadcrumb__inner .breadcrumb__title {
                font-weight: bold;
            }

        .container-breadcrumb .breadcrumb-protection a.active {
            background: #0061a0 !important;
            color: white;
        }

            .container-breadcrumb .breadcrumb-protection a.active:after {
                background: #0061a0 !important;
                color: white;
            }

        .container-breadcrumb .breadcrumb-protection a.completed {
            background: #007abc;
            color: white;
        }

            .container-breadcrumb .breadcrumb-protection a.completed:after {
                background: #007abc;
                color: white;
            }

        .container-breadcrumb .breadcrumb-protection a:hover {
            cursor: default;
        }

@media all and (max-width: 1000px) {
    .container-breadcrumb .breadcrumb-protection {
        font-size: 12px;
    }
}

/*NBProtection Breadcrumb css ends */

.applicationstartTextAlignment {
    margin-top: 40px !important;
}

.left-margin {
    margin-left: 10px;
}

/* *** JQGrid CSS *** */

.ui-jqgrid {
    border: 1px solid #ccc;
}

    .ui-jqgrid.fullgrid {
        width: 100% !important;
        max-width: 1300px;
        min-width: 870px;
    }

    .ui-jqgrid .ui-jqgrid-hdiv,
    .ui-jqgrid .ui-jqgrid-hdiv th:hover {
        background-color: #0061A0;
        color: white;
    }

    .ui-jqgrid .ui-jqgrid-bdiv {
        overflow-x: hidden;
    }

        .ui-jqgrid .ui-jqgrid-bdiv .btn-metlife {
            margin-bottom: auto;
        }

    .ui-jqgrid .table > tbody > tr > td {
        border: 0px none;
    }

    .ui-jqgrid .table > tbody > tr.success > td,
    .ui-jqgrid .table > tbody > tr.active > td {
        background: none;
    }

    .ui-jqgrid tr.jqgrow.jqRowOdd,
    .ui-jqgrid tr.jqgrow.jqRowOdd + tr.ui-subgrid {
        background-color: rgba(0, 97, 160, 0.1);
    }

    .ui-jqgrid tr.jqgrow.jqRowEven,
    .ui-jqgrid tr.jqgrow.jqRowEven + tr.ui-subgrid {
        background-color: rgba(255, 255, 255, 1);
    }

    .ui-jqgrid tr.jqgrow:hover,
    .ui-jqgrid tr.jqgrow:hover + tr.ui-subgrid {
        background-color: rgba(0, 97, 160, 0.3);
    }
    .ui-jqgrid tr.jqgrow.ui-state-highlight{
        background-color: #fff8b3 !important;
        color: #000;
    }
    .ui-jqgrid tr.jqgrow.due-row {
        background-color: #ffffff;
    }

.jqGridHoverColor {
    background-color: rgba(0, 97, 160, 0.3) !important;
}

/* *** JQGrid CSS *** */
/* Default End */

.errorMessage {
    font-size: 12px;
    line-height: 16px;
    color: #f00;
}

.successMessage {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0 50px;
    text-align: center;
}


.margin-fix {
    margin-left: auto;
    margin-right: auto;
}


.chosen-container {
    text-align: left;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle !important;
}

.modal-content {
    width: 55.25%;
    height: inherit;
    margin: 0 auto;
    max-width: 845px;
}

    .modal-content button.close {
        margin: 10px 10px 0 0;
    }


    .modal-content .popupButtonPanel {
        margin-top: 30px;
    }

        .modal-content .popupButtonPanel .btn-metlife {
            margin-bottom: 0;
        }

.modal-header {
    text-align: center;
    border: 0;
    padding: 50px 0 0 0;
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    width: 80%;
    margin: 0 auto;
}

.modal-body {
    text-align: center;
    padding: 20px 0 50px 0;
    width: 80% !important;
    margin: 0 auto;
}

    .modal-body .row {
        text-align: left;
    }

.textCenter {
    text-align: center;
}

.buttonSpace {
    margin-top: 30px;
}

.wealthupdatealert {
    color: darkorange;
}

.unipass-size {
    width: 180px;
    height: 60px;
    margin-top: 27.5px;
}

.menuheader {
    font-size: 14px;
}

.protectionClientName {
    height: 35px;
}

.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1.0;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #EB4646;
    margin-top: -8px;
    border-width: 8px 8px 8px 0;
    margin-left: -2px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #EB4646;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #EB4646;
    margin-top: -8px;
    border-width: 8px 0 8px 8px;
    margin-right: -2px;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #EB4646;
    margin-top: -2px;
    border-width: 0 8px 8px;
}

.tooltipMultiLineMessageDiv .tooltip.right .tooltip-arrow {
    top: 20px;
}

div[class^="col-"].tooltipMessageDiv,
div[class^="col-"].tooltipMultiLineMessageDiv {
    padding: 0;
    margin: 0 -15px;
}

div[class^="col-"].registerFormTooltip {
    margin: 0;
}

.RegisterRadioBtn {
    min-width: 140px;
}

.disable-div {
    pointer-events: none;
}

.tooltip .tooltip-error {
    color: #fff;
    background-color: #EB4646;
    white-space: nowrap;
    text-align: left;
    padding: 10px;
    min-height: 40px;
    border-radius: 2px;
    border: none;
    margin: auto 0;
    font-size: 13px !important;
}

.displayNone {
    display: none;
}

.tooltip .tooltipMultiLine {
    color: #fff;
    background-color: #EB4646;
    white-space: normal;
    text-align: left;
    padding: 10px;
    min-height: 40px;
    border-radius: 2px;
    border: none;
    margin: auto 0;
    font-size: 13px !important;
}

    .tooltip .tooltipMultiLine img.imgTooltip {
        display: table-cell;
        position: absolute;
    }

    .tooltip .tooltipMultiLine div {
        display: table-cell;
        padding-left: 25px;
    }

.serverErrorMessage {
    color: #fff;
    background-color: #EB4646;
    white-space: normal;
    text-align: left;
    padding: 10px;
    min-height: 40px;
    border-radius: 2px;
    border: none;
    margin: auto 0;
    font-size: 13px;
    line-height: 16px;
    max-width: 100%;
    display: inline-table;
}

    .serverErrorMessage img.imgTooltip {
        display: table-cell;
        position: absolute;
    }

    .serverErrorMessage div {
        display: inline-block;
        padding-left: 25px;
    }

.no-margin {
    margin: 0 !important;
}

.link {
    min-height: 40px;
    padding: 7px;
}

.button-margin-left {
    margin-left: 1.25em !important;
}

.middleAlign {
    padding-bottom: 6px;
    padding-top: 6px;
}

.primaryOccupationAmberError .tooltipMultiLine {
    background-color: #FFC600;
}

.tooltip.right .tooltip-arrow.primaryOccupationAmberErrorArrow {
    border-right-color: #FFC600;
}

.btn-metlife:disabled,
.btn-metlife:disabled:hover,
.btn-metlife:disabled:focus {
    background-color: #0090da;
    cursor: not-allowed;
}

.nopadding {
    padding-left: 0;
    padding-right: 0;
}

.ElligibilityForm div.row > div[class="col-xs-3"],
.ClientDetailForm div.row > div[class="col-xs-3"],
.PaymentForm div.row > div[class="col-xs-3"]:first-child {
    max-width: 300px;
    padding-top: 10px;
}

@media all and (max-width: 1500px) {
    .ClientDetailForm div.row > div[class="col-xs-3"] {
        max-width: 180px;
    }
}

.CoverageForm div.row > div[class="col-xs-3"],
.ApplnDataProtection div.row div[class="col-xs-3"],
.DeclarationForm div.row div[class="col-xs-3"] {
    max-width: 300px;
}

.ElligibilityForm div.row div[class="col-xs-9"] div[class="col-xs-5"] {
    max-width: 320px;
}

.ElligibilityForm div.row > div[class="col-xs-9"] > div.radioBtnDiv {
    max-width: 230px;
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

.ElligibilityForm div.radioBtnDiv label.ui-checkboxradio-label {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    margin: 0;
}

    .ElligibilityForm div.radioBtnDiv label.ui-checkboxradio-label:not(:first-child) {
        margin-left: 15px;
    }

.ElligibilityForm div.clientNameGroup > div[class^="col-"],
.PaymentForm div.ThirdPartyClientNameGroup > div[class^="col-"],
.PaymentForm div.ThirdPartyClientDOB > div[class^="col-"] {
    padding: 0;
}

    .PaymentForm div.ThirdPartyClientDOB > div[class^="col-"]:last-child,
    .ElligibilityForm div.ApplicantDOB > div[class^="col-"]:last-child {
        margin-left: 15px;
    }

.ElligibilityForm div.clientNameGroup {
    max-width: 800px;
}

    .ElligibilityForm div.clientNameGroup > div[class^="col-"] {
        max-width: 130px;
    }

    .ElligibilityForm div.clientNameGroup div[class^="col-"]:not(:first-child) {
        margin-left: 15px;
    }

.PaymentForm div.ThirdPartyClientNameGroup {
    max-width: 950px;
}

    .PaymentForm div.ThirdPartyClientNameGroup > div[class^="col-"] {
        max-width: 145px;
    }

    .PaymentForm div.ThirdPartyClientNameGroup div[class^="col-"]:not(:first-child) {
        margin-left: 15px;
    }

.MPPaymentForm div.ThirdPartyClientNameGroup > div[class^="col-"],
.MPPaymentForm div.ThirdPartyClientDOB > div[class^="col-"] {
    padding: 0;
}

    .MPPaymentForm div.ThirdPartyClientDOB > div[class^="col-"]:last-child,
    .MPClientDetailForm div.ApplicantDOB > div[class^="col-"]:last-child {
        margin-left: 15px;
    }

.MPPaymentForm div.ThirdPartyClientNameGroup {
    max-width: 950px;
}

    .MPPaymentForm div.ThirdPartyClientNameGroup > div[class^="col-"] {
        max-width: 145px;
    }

    .MPPaymentForm div.ThirdPartyClientNameGroup div[class^="col-"]:not(:first-child) {
        margin-left: 15px;
    }

.unwrappedTextBox {
    text-align: center;
}

.yearBlock::-moz-placeholder,
.monthBlock::-moz-placeholder,
.dateBlock::-moz-placeholder{
    font-size: 13px;
}

.mpPostCode {
    width: 201px;
}



.mpMoneyInput {
    width: 201px;
}

.ddlMpNonimageoverlap {
    padding: 10px 20px 10px 12px !important;
}

.mpInputLabelPadding {
    padding: 10px 15px; 
}

.mpTextinput__login-alert {
    background-color: #ffffff;
    border-color: #e3e3e3;
    border-radius: 2px;
    height: 40px;
    padding: 10px 12px;
    text-align: center;
    color: #333;
}

    .mpTextinput__login-alert:focus {
        border-color: #0061A0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 97, 160, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 97, 160, .6);
    }

.blankSpace {
    padding-top: 20px;
}

.pound{
	display:inline-block;
	position: relative;
	}
.pound input{
	padding-left:15px;
    }
.pound:before {
	position: absolute;
    content:"£";
    left:4px;
	top:2px;
 	padding-top: 9px;
	}

.ElligibilityForm #dropDownSelectTitle,
.PaymentForm #thPartyTitle {
    width: 100%;
}

.displayBlock {
    display: block;
}

.margin-bottom {
    margin-bottom: 15px;
}

.margin-top {
    margin-top: 15px;
}

.changePasswordTextBox {
    min-width: 100%;
}

.link.editedLink {
    padding-top: 0px;
    padding-left: 0px;
}

.tooltipHover .tooltip.right .tooltip-inner {
    max-width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: #333333;
    font-weight: 400;
    background: #FFFFFF;
    border: #333333 solid 2px;
    padding: 10px 10px 0 10px;
    text-align: left;
    min-width: 250px;
}

.tooltipHover .tooltip.right .tooltip-arrow:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 9px;
    margin-top: -9px;
    margin-right: -9px;
}

.tooltipHover .tooltip.right .tooltip-arrow:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0);
    border-right-color: #333;
    border-width: 10px;
    margin-top: -10px;
    margin-right: -7px;
}
.tooltipHover .tooltip.bottom .tooltip-inner {
    max-width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: #333333;
    font-weight: 400;
    background: #FFFFFF;
    border: #333333 solid 2px;
    padding: 10px 10px 0 10px;
    text-align: left;
    min-width: 250px;
}

.tooltipHover .tooltip.bottom .tooltip-arrow:after {
     right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 9px;
    margin-top: -9px;
    margin-right: -9px;
     -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tooltipHover .tooltip.bottom .tooltip-arrow:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0);
    border-right-color: #333;
    border-width: 10px;
    margin-top: -10px;
    margin-right: -7px;
      -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.coverHeading {
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    font-family: Georgia;
}

.coverPremium {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
}

.input-group-addon.coverageAddon {
    border: 0;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    color: rgb(51, 51, 51);
}

.bottom.tooltip .tooltip-arrow.LumSumArrow {
    margin-left: -65px;
}
.CoverageForm div.row > div[class="col-xs-9"] > div.radioBtnDiv {
    max-width: 530px;
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

.CoverageForm .radioBtnDiv label.ui-checkboxradio-label {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    margin: 0;
}

    .CoverageForm .radioBtnDiv label.ui-checkboxradio-label:not(:first-child) {
        margin-left: 15px;
    }

.CoverageForm .lumpsumButtonDiv {
    max-width: 155px;
}

.illustrativePurposesCoverText {
    font-size: 11px;
}

.slide-submit-thumb {
    background: #007ABC;
    box-shadow: inset 0 0 0 3px #fff,inset 0 0 0 4px rgba(0,0,0,0.17);
}

    .slide-submit-thumb:hover {
        background: #0090da;
    }

.slide-success .slide-submit-thumb {
    background: #007ABC;
    box-shadow: inset 0 0 0 3px #fff,inset 0 0 0 4px rgba(0,0,0,0.17);
    color: #fff;
}

.PaymentTextBox {
    /*font-size: 25px;*/
    font-weight: bold;
    border: #ffffff;
    width: 190px;
    border-radius: 0px;
    box-shadow: none;
}

[disabled].form-control.PaymentDisableText {
    background-color: #f2f2f2;
    cursor: default;
}

.slide-success {
    background: #007ABC;
}

.ClientDetailForm div.row > div[class="col-xs-9"] > div.radioBtnDiv {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

.ClientDetailForm .radioBtnDiv label.ui-checkboxradio-label {
    min-width: 215px;
    width: 215px;
    max-width: 215px;
    margin: 0;
    padding: 12.5px 10px;
}

    .ClientDetailForm .radioBtnDiv label.ui-checkboxradio-label:not(:first-child) {
        margin-left: 15px;
    }

.ClientDetailForm #PostCode,
.PaymentForm #THPartyPostCode {
    max-width: 420px;
}

.ClientDetailForm .manualAddress div[class^="col-"]:nth-child(2),
.PaymentForm .manualAddress div[class^="col-"]:nth-child(2) {
    max-width: 160px;
}


.MPClientDetailForm div.row > div[class="col-xs-9"] > div.radioBtnDiv {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

.MPClientDetailForm .radioBtnDiv label.ui-checkboxradio-label {
    min-width: 115px;
    width: 115px;
    max-width: 115px;
    margin: 0;
    padding: 12.5px 10px;
}

    /*.MPClientDetailForm .radioBtnDiv label.ui-checkboxradio-label:not(:first-child) {
        margin-left: 15px;
    }*/

.MPClientDetailForm .radioBtnDiv label.mpIsUkResident {
        margin-left: 15px;
    }
.MPClientDetailForm .radioBtnDiv label.mpHasMortgageAnswerSpacer {
        margin-left: 11px;
    }
    
.spacerWideDiv {
    width: 15px;
}

.spacerMediumDiv {
    width: 10px;
}

.MPClientDetailForm #PostCode,
.MPPaymentForm #THPartyPostCode {
    max-width: 420px;
}

.MPClientDetailForm .manualAddress div[class^="col-"]:nth-child(2),
.MPPaymentForm .manualAddress div[class^="col-"]:nth-child(2) {
    max-width: 160px;
}

/*Mp Intermediary Declaraton Form*/
.MPIntermediaryDeclarationForm .radioBtnDiv label.ui-checkboxradio-label {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    margin: 0;
    padding: 12.5px 10px;
}

.MPIntermediaryDeclarationForm div.row > div[class="col-xs-9"] > div.radioBtnDiv {
    max-width: 230px;
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

.MPIntermediaryDeclarationForm .radioBtnDiv label.ui-checkboxradio-label:not(:first-child) {
    margin-left: 15px;
}

/*Mp Eligibility Form UW Quesitons*/
.MPEligibilityForm .radioBtnDiv label.ui-checkboxradio-label {
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    margin: 0;
    padding: 12.5px 10px;
}

.MPEligibilityForm div.row > div[class="col-xs-9"] > div.radioBtnDiv {
    max-width: 230px;
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

.mpQuestion {
    background-color: #007abc;
    color: white;
    font-weight: bold;
}



label.ui-checkboxradio-label.NotApplicable {
    margin-left: 0px;
}

label.ui-checkboxradio-label.RightLeftBoth {
    margin-left: 5px;
}

.MPEligibilityForm div.row div[class="col-xs-9"] div[class="col-xs-4"] {
    max-width: 320px;
}

.MPEligibilityForm div.radioBtnDiv label.ui-checkboxradio-label:not(:first-child) {
    margin-left: 0px;
}


.mpmonthBlock {
    width: 49px;
    display: inline-block;
    margin-left: 0px;
}

.ml-button-secondary{
        	box-sizing: content-box;
        	font-family: 'Noto Sans', sans-serif;
        	font-size: 14px;
        	text-transform: uppercase;
        	background-color: transparent;
        	text-decoration: none;
        	font-weight: bold;
        	border-radius: 2px;
        	padding: 12px 14px;
        	border: 0;
        	display: inline-block;
        }
        
        
        .ml-button-secondary:hover, 
        .ml-button-secondary:focus, 
        .hover.ml-button-secondary{
        	text-decoration: underline;
        }
        
        .ml-button-secondary:focus, 
        .focus.ml-button-secondary{
        	outline-color: #333;
        	text-decoration: underline;
        }
        
        
        .focus.ml-button-secondary{
        	box-shadow: 0 0 3px #333, 0 0 7px #333;
        }
        
        .ml-button-secondary {
        	background-color: #fff;
        	color: #007abc;
        	border: solid 2px #007abc;
        }
        
        .ml-button-secondary:focus, 
        .ml-button-secondary:hover, 
        .ml-button-secondary.hover, 
        .ml-button-secondary.focus {
        	background-color: #007abc;
        	color: #fff;
        }
.ml-table {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	font-size: 14px;
	line-height: 1.6;
	width: 100%;
	border: solid 1px #9B9B9B;
}
.ml-table-col {
	border-right: solid 1px #9B9B9B;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 200px;
}
.ml-table-col-header {
	padding: 20px;
	text-align: center;
	background: #D1D1D1;
	min-height: 100px;
}
.ml-table-col-header-title {
	font-size: 20px;
	color: #007abc;
	line-height: 26px;
}
.ml-table-col-header-callout {
	font-size: 26px;
}
.ml-table-col-row {
	padding: 20px;
	text-align: center;
}
.ml-table-col:last-child {
	border-right: 0;
}
.ml-table-footer {
	padding: 20px;
	font-size: 12px;
	text-align: center;
}

.ml-table-alt-rows {
    width: 100%;
    color: #333333;
    font-size: 14px;
    background: #ffffff;
    margin: 0px;
    border-collapse: collapse;
}

.ml-table-title {
    height: 50px;
    line-height: 37px;
    font-family: Georgia, serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background: #007ABC;
}

.ml-table-alt-rows tr.even {
    background-color: #FFFFFF;
}

.ml-table-alt-rows tr.odd {
    background-color: #E5F4FB;
}


.ml-table-alt-rows tr {
    text-align: center;
    height: 50px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.ml-table-button {
    margin: auto;
}

.ml-footer-button {
    margin: auto;
    padding: 12.5px 5px;
    width: 110px;
    height: 40px;
    text-align: center;
}

.mpUserTextBox {
    min-width: 200px;
    max-width: 200px;
    width: 200px;
}

.mpQ5Box {
    min-width: 50px;
    max-width: 120px;
    width: 120px;
}

.mpDDLSelect {
    display: inline;
}

.diseaseOptionsblankSpace {
    padding-top: 10px;
}

.q3_block_container {
    display: table-row;
}

.q3_block1 {
   display: table-cell;
}

.q3_block2 {
   display: table-cell;
   text-align: right;
   width: 100%;
}

/*END Mp Eligibility Form UW Quesitons*/


.RegisterUser div[class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}

    .RegisterUser div[class^="col-"] label.ui-checkboxradio-label {
        width: 95%;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0;
    }

.fixedWidth {
    width: 280px;
}

.BiggerArrow {
    font-size: 38px;
}

.welcomeText {
    margin-top: 65px !important;
    margin-bottom: 60px;
}

.bottommargin5 {
    margin-bottom: 5px;
}

.bottommargin10 {
    margin-bottom: 10px;
}

.btnManageAccount {
    width: 310px;
}

.margin-left20 {
    margin-left: 20px;
}

.margin-left7 {
    margin-left: 7px !important;
}
.margin-left2 {
    margin-left: 2px !important;
}

.margin-left8 {
    margin-left: 8px !important;
}

.margin-left-8 {
    margin-left: -8px !important;
}

.margin-left-9 {
    margin-left: -9px !important;
}


.margin-left-90 {
    margin-left: -90px !important;
}

.margin-left-3_5per {
    margin-left: -3.5% !important;
}

.margin-left-10 {
    margin-left: -10px !important;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left10 {
    margin-left: 10px;
}

.margin-left-14 {
    margin-left: -14px !important;
}

.margin-left-19 {
    margin-left: -19px !important;
}

.margin-left-25 {
    margin-left: -25px !important;
}

.tooltipAligment {
    display: inline-block !important;
    position: absolute;
}

.inlineAligment {
    display: inline-block;
}

.tooltipAligment7 {
    display: inline-block !important;
    position: absolute;
    margin-left: 7px;
}

.tooltipAligment-7 {
    display: inline-block !important;
    position: absolute;
    margin-left: -7px;
}

.tooltipSortCodeAligment {
    display: inline-block !important;
    position: absolute;
    margin-left: -15px;
}

.tooltipAligment8 {
    display: inline-block !important;
    position: absolute;
    margin-left: 8px;
}


.footerLeft {
    padding-left: 0px !important;
}

.footerRight {
    padding-right: 10px !important;
}

.topmargin5 {
    margin-top: 5px;
}

.topmargin15 {
    margin-top: 15px;
}

.topmargin18 {
    margin-top: 18px;
}

.padding-top8 {
    padding-top: 10px;
}

.noPaddingRight {
    padding-right: 0px;
}

.noPaddingLeft {
    padding-left: 0px;
}

.paddingLeft5 {
    padding-left: 5px;
}

.ebGroupLifeButtonWidth {
    min-width: 154px;
}

.ebBrokerCodeWidth {
    min-width: 92px;
    max-width: 92px;
}


.ebBrokerCodeLabelWidth {
    min-width: 136px;
    max-width: 136px;
}

.margin-left15 {
    margin-left: 15px;
}

.radiobuttonTopMarginGap {
    margin-top: 15px;
}

.unipassHeader {
    margin-top: 65px;
    font-size: 44px;
    line-height: 44px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.registerUser {
    margin-top: 0 !important;
    margin-bottom: 40px !important;
}

.normal-grouplinkbelowbtn {
    margin-bottom: 25px;
    margin-top: 15px;
}

.normal-groupbtn {
    margin-top: 30px;
}

.txtForgotPassword {
    border-radius: 2px;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

    .ui-autocomplete a {
        text-decoration: none;
    }

.headerOption {
    margin-top: 12px;
}

.loginTitle {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}

.topmargin20 {
    margin-top: 20px;
}

.borderRight {
    border-right: 1px solid #ccc;
}

.toppadding20 {
    padding-top: 20px;
}

.linkPadding {
    padding: 15px 0;
}

.loginError {
    margin: 30px 30px 0 30px;
}

.linkText {
    font-size: 13px;
    line-height: 16px;
}

.uniPassError {
    margin: 30px 30px 0 30px;
}

.footerRow {
    width: 85%;
    border-top: 1px solid #ccc;
    margin: 40px auto 0 auto;
    padding-top: 40px;
    max-width: 1300px;
    min-width: 870px;
    padding-bottom: 150px;
    font-family: 'NotoSans-Regular','Arial','Helvetica','sans-serif';
    font-weight: 400;
}


.footer-legal__bullet:before {
    content: "\2022";
    padding: 0;
    display: inline-block;
    color: #333333;
}

.footer-legal__bullet {
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    margin: 0 5px;
}

.footer-legal__copyright {
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    font-family: 'NotoSans-Regular','Arial','Helvetica','sans-serif';
    font-weight: 400;
    color: #333333;
}

.formErrorIcon {
    width: 17px;
    height: 17px;
}

.bodyContainer {
    width: 85%;
    margin: 0 auto;
    max-width: 1300px;
    min-width: 870px;
    padding: 0;
}
.bodyContainerAgencyCommission {
    width: 98%;
    margin: 0 auto;
    max-width: 1300px;
    min-width: 870px;
    padding: 0;
}
.footer {
    padding-left: 15px;
    padding-right: 15px;
}

.bodyContent {
    width: 80%;
    margin: 0 auto;
}

.thankYouContent {
    width: 65%;
    margin: 0 auto;
}

.bottommargin20 {
    margin-bottom: 20px;
}

.linkTop {
    padding-top: 15px;
    padding-left: 30px;
}

.secondaryHeader {
    font-size: 28px;
    line-height: 32px;
}

.boldSecondaryHeader {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

.linkBottom {
    margin-top: 20px;
    margin-bottom: 30px;
}

.margin0 {
    margin: 0px;
}

.margin-left30 {
    margin-left: 30px;
}

.margin-right30 {
    margin-right: 30px;
}

.margin-right8 {
    margin-right: 8px;
}


.linkChangePassword {
    padding-top: 15px;
    padding-left: 0;
    padding-bottom: 30px;
}

.loginForm {
    padding: 30px 0px 30px 0px;
}

.padding0 {
    padding: 0px;
}

.marginRL0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.paddingtop60 {
    padding-top: 60px;
}

.topmargin10 {
    margin-top: 10px;
}

.bottommargin40 {
    margin-bottom: 40px;
}

.paddingtop30 {
    padding-top: 30px;
}

.paddingtop25 {
    padding-top: 25px;
}

.topmargin30 {
    margin-top: 30px;
}

.paddingbottom30 {
    padding-bottom: 30px;
}

.bottommargin15 {
    margin-bottom: 15px;
}

.maritalStatusTooltip {
    margin-left: 48px;
}

.bottom.tooltip .tooltip-arrow.maritalStatusTooltiparrow {
    margin-left: -100px;
}

.bottom.tooltip .tooltip-arrow.ebMinimumCommissionRateTooltiparrow {
    margin-left: -58px;
}

.ebMinimumCommissionRateTooltip {
    margin-left: 38px;
}


.bottom.tooltip .tooltip-arrow.ebIndustryTypeTooltiparrow {
    margin-left: -58px;
}

.ebIndustryTypeTooltip {
    margin-left: 38px;
}

/*.bottom.tooltip .tooltip-arrow.ebOffShoreTypeTooltiparrow {
    margin-left: -38px;
}*/

.ebOffShoreTypeTooltip {
    margin-left: 38px;
}

.ebMedicalUnderwritingTooltip {
    margin-left: 38px;
}

.width100 {
    min-width: 100%;
}

.paddingtop10 {
    padding-top: 10px;
}

.width20 {
    width: 20%;
}

.paddingleft10 {
    padding-left: 10px;
}

.paddingRL40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.paddingleft40 {
    padding-left: 40px !important;
}

.paddingright40 {
    padding-right: 40px !important;
}

.registerUserTooltip,
.ipAgentTooltip {
    margin-left: -32px !important;
    z-index: 1;
}

.imgTooltip {
    height: 17px;
    width: 17px;
}

.paymentLabel {
    padding-top: 10px;
    font-weight: bold;
    color: #333;
}

.bottommargin30 {
    margin-bottom: 30px;
}

.SummaryFont {
    font-size: 20px;
    font-weight: bold;
}

.nav-tabs > li > a {
    border-radius: 2px 2px 0 0;
}

.topborder {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.ui-th-column {
    text-align: center;
    border-bottom: 1px solid #0061a0 !important;
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
    margin-top: 0 !important;
    padding-right:30px;
}

    .ui-jqgrid .ui-jqgrid-htable .ui-th-div .s-ico {
        float: right;
    }

.imgArrow {
    height: 40px;
    width: 29px;
}

.divAgentSelection {
    display: inline-block;
}

.left-col {
    float: left;
    width: 44%;
}

.left-col1 {
    float: left;
}


.center-col {
    float: left;
    width: 12%;
}

.center-col1 {
    width: 12%;
}

.right-col {
    float: left;
    width: 44%;
}

.right-col1 {
    float: left;
}

.termsandConditionsHeader {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    font-weight: 600;
}

.paddingleft20 {
    padding-left: 20px;
}


#TermsAndCondition ol li:not(.s2sub):not(.s3sub):before {
    font-weight: bold !important;
}

#TermsAndCondition {
    line-height: 20px;
}

.borderTop {
    border-top: 1px solid #333;
}

.borderbottom {
    border-bottom: 1px solid #333;
}

.borderLeft {
    border-left: 1px solid #333;
}



.footerRow a {
    font-size: 12px !important;
    font-family: 'NotoSans-Regular','Arial','Helvetica','sans-serif';
    color:#0061a0;
    font-weight:normal;
    background-color:transparent;
    line-height:20px;
}

.protectionSuccess {
    font-size: 25px;
    font-weight: bold;
    color: #849930;
}

.btn-metlife.protectionExitButton {
    width: 200px;
}

.protectionAmberSuccess {
    font-size: 25px;
    font-weight: bold;
}

.protectionAmberContactText {
    font-size: 25px;
}

.textLink {
    font-size: 14px !important;
    font-weight: normal;
    line-height: 20px;
}

.modal-title {
    font-size: 28px;
    line-height: 30px;
    font-family: Georgia;
}

.margin-left60 {
    margin-left: 60px;
}

.margin-left180 {
    margin-left: 180px;
}

.margin-left230 {
    margin-left: 230px;
}

.margin-left250 {    
    margin-left: 250px;
}

.margin-left270 {    
    margin-left: 270px;
}

.buttonNext {
    margin-top: 20px;
    margin-bottom: 10px;
}

.PaymentForm div.row > div.radioBtnDiv {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

.PaymentForm div.row > div.radioBtnDiv {
    max-width: 340px;
}

    .PaymentForm div.row > div.radioBtnDiv.Relationships {
        max-width: 655px;
    }

.PaymentForm .radioBtnDiv label.ui-checkboxradio-label {
    min-width: 145px;
    width: 145px;
    max-width: 145px;
    margin: 0;
}

    .PaymentForm .radioBtnDiv label.ui-checkboxradio-label:not(:first-child) {
        margin-left: 15px;
    }

#DebitDaySection div.row div[class^="col-"]:nth-child(1) {
    padding-top: 0;
}

#DebitDaySection div.row div[class^="col-"]:nth-child(2) {
    max-width: 120px;
}

.PaymentForm #thirdPartyPreferredDay {
    width: 90px;
}

.ApplnDataProtection div.row > div[class="col-xs-9"] > div.radioBtnDiv {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

.ApplnDataProtection .radioBtnDiv label.ui-checkboxradio-label {
    min-width: 275px;
    width: 275px;
    max-width: 275px;
    margin: 0;
}

    .ApplnDataProtection .radioBtnDiv label.ui-checkboxradio-label:not(:first-child) {
        margin-left: 15px;
    }

.ApplnDataProtection .RadioAcceptBtn {
    max-width: 160px;
}

.paddingtop15 {
    padding-top: 15px;
}

.paddingtop5 {
    padding-top: 5px;
}

.marginBottom15 {
    margin-bottom: 15px;
}

.imgQuestion {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -5px;
}

.imgQuestionNew {
    display: inline-block;
    margin-left: 0px;
    vertical-align: middle;
    margin-top: -5px;
}

.IPApplicationSummary div.row div[class^="col-"]:nth-child(2) {
    margin-left: 75px;
}

.paddingtop20 {
    padding-top: 20px;
}

.paddingright20 {
    padding-right: 20px;
}

.ddlEligibility {
    max-width: 275px;
}

.ddlNonimageoverlap {
    padding: 10px 30px 10px 12px !important;
}

.divPremium {
    background-color: #fff;
    border: 1px solid #ccc;
}

.paddingbottom40 {
    padding-bottom: 40px;
}

.marginleft15 {
    margin-left: 15px;
}

#protectionHeader {
    margin-bottom: 40px;
}

.topbottomMargin30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

#UserFirmList {
    display: inline-block;
}

.formUser {
    padding: 30px;
    margin-top: 40px;
}

.btnWidth100 {
    width: 100px;
}

.btnWidth85 {
    width: 85px;
}

.UserForm div.row > div[class^="col-xs-3"] {
    max-width: 300px;
}

.UserForm div.row > div[class="col-xs-9"] > div.radioBtnDiv {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

.UserForm .radioBtnDiv label.ui-checkboxradio-label {
    min-width: 210px;
    width: 210px;
    max-width: 210px;
    margin: 0;
}

.UserForm .radioBtnRegistered label.ui-checkboxradio-label {
    min-width: 94px;
    width: 94px;
    max-width: 94px;
    margin: 0;
}

.UserForm .radioBtnWealthAccess label.ui-checkboxradio-label {
    min-width: 138px;
    width: 138px;
    max-width: 138px;
    margin: 0;
}


    .UserForm .radioBtnDiv label.ui-checkboxradio-label:not(:first-child),
    .UserForm .radioBtnAccess label.ui-checkboxradio-label:not(:first-child),
    .UserForm .radioBtnRegistered label.ui-checkboxradio-label:not(:first-child),
    .UserForm .radioBtnWealthAccess label.ui-checkboxradio-label:not(:first-child),
    .UserForm .radiobtninternalaccess label.ui-checkboxradio-label:not(:first-child) {
        margin-left: 15px;
    }

@media all and (max-width: 1500px) {


    .tooltipSortCodeAligment {
        display: inline-block !important;
        position: absolute;
        margin-left: -7px;
    }

    .UserForm .radioBtnDiv label.ui-checkboxradio-label {
        min-width: 180px;
        width: 180px;
        max-width: 180px;
        padding: 12.5px 15px;
    }

    .UserForm .radioBtnRegistered label.ui-checkboxradio-label {
        min-width: 94px;
        width: 94px;
        max-width: 94px;
        margin: 0;
    }

    .UserForm .radioBtnWealthAccess label.ui-checkboxradio-label {
        min-width: 138px;
        width: 138px;
        max-width: 138px;
        margin: 0;
    }
}

.radioBtnWealthAccess {
    display: inline-block;
}

.tobStatus {
    padding: 10px;
    background-color: #e3e3e3;
}

.manageUSerButtons {
    padding: 10px 0px;
}

.TOBStatusArrow {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #e3e3e3;
    margin-left: 88%;
    padding-top: 10px;
}

.tobStatusButtonDiv {
    margin-left: -33px;
}

#tblAgents tbody tr.jqgrow {
    cursor: pointer !important;
}

.paddingleft30 {
    padding-left: 30px;
}

.paddingright30 {
    padding-right: 30px;
}

.paddingbottom15 {
    padding-bottom: 15px;
}

.modalHeader {
    font-family: Georgia;
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
}

.btnWidth125 {
    width: 125px;
}

.paddingleft15 {
    padding-left: 15px;
}

.paddingright7 {
    padding-right: 7px;
}

.paddingleft8 {
    padding-left: 8px;
}

.paddingbottom10 {
    padding-bottom: 10px;
}

#pgrAgents {
    background-color: #fff;
    border-right: 1px solid #ccc;
}

    #pgrAgents #pgrAgents_center {
        display: none;
    }

.UserTextBoxDiv {
    min-width: 310px;
    max-width: 310px;
    width: 310px;
}

.UserFirstNameDiv {
    max-width: 490px;
    min-width: 490px;
    width: 490px;
}

.UserFirstNameValidation {
    margin-left: -95px !important;
}

.noRightPadding {
    padding-right: 0px;
}

.tooltip-inner {
    max-width: 100%;
}

#SummaryDiv {
    word-wrap: break-word;
}

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

.accrcommTooltipMsg1 {
    vertical-align: top;
    margin-top: -30px;
    margin-left: -5px;
}

.accrcommTooltipMsg2 {
    margin-top: -30px;
    padding-left: 35px;
}



.valuationText {
    margin-left: 30px;
    width: 320px;
    display: inline-block;
}

.nav_list {
    padding: 0;
    text-align: center;
    width: 85%;
    max-width: 1300px;
    min-width: 870px;
    margin: auto;
    text-decoration: none;
}

.nav_item {
    display: inline-block;
    background-color: transparent;
    position: relative;
    font-family: 'Arial', 'Helvetica', 'sans-serif';
    width: 20%;
    float: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

    .nav_item:hover {
        background-color: #0090da;
        color: #fff;
        cursor: pointer;
    }

.nav_link {
    display: inline-block;
    min-height: 60px;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    text-decoration: none;
    padding-top: 20px;
    vertical-align: middle;
}

    .nav_link:hover, .nav_link:focus {
        color: #fff;
        text-decoration: none;
    }

    .nav_link .glyphicon {
        padding-top: 20px;
        top: 3px;
    }

.nav_icon {
    padding-bottom: 2px;
}

.nav_label {
    padding: 0 5px;
    vertical-align: middle;
    font-weight: 600;
    display: inline;
    margin: auto;
    text-align: center;
}

    .nav_label:hover, .nav_label:focus {
        text-decoration: underline;
    }

.divLoggedIn {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}

.divLogout {
    display: inline-block;
}

.marginleft5 {
    margin-left: 5px;
}

/* Elements of responsive design */

@media screen and (min-width:768px) {
    /*#IPAgentErrMsg {
        margin-left: 90px;
    }*/

    .nav_label {
        font-size: 12px;
    }

    .lblSecondOwner {
        margin-left: -4px;
    }

    .lblFCANumber {
        padding-right: 50px;
    }

    .divCookieMessage {
        max-width: 550px;
    }

    .userFCA {
        margin-left: 15px;
    }

    .firmMetLifeID {
        margin-left: -2px;
    }

    .eligibilityDateError {
        margin-left: -60px !important;
    }

    /*.thirdPartyDOBError {
        margin-left: -92px !important;
    }*/

    .errorEligibilityOccupation {
        margin-left: -6px !important;
    }

    .errorEligibilityResident {
        margin-left: 15px !important;
    }

    .errorEligibilityOtherOccupation {
        padding-left: 10px !important;
    }

    .errorEligibilitySecondOccupation {
        padding-left: 30px !important;
    }
}

@media screen and (min-width:1024px) {
    /*#IPAgentErrMsg {
        margin-left: 25px;
    }*/

    .nav_label {
        font-size: 14px;
    }
}

@media screen and (min-width:1280px) {
    /*#IPAgentErrMsg {
        margin-left: -40px;
    }*/

    /*#BulkValuationErrorMsg {
        margin-left: 0px;
    }*/

    .lblFCANumber {
        padding-right: 94px;
    }

    .lblSecondOwner {
        margin-left: -3px;
    }

    .divCookieMessage {
        max-width: 756px;
    }

    .userFCA {
        margin-left: 20px;
    }

    .firmMetLifeID {
        margin-left: 30px;
    }

    .eligibilityDateError {
        margin-left: -135px !important;
    }

    /*.thirdPartyDOBError {
        margin-left: -175px !important;
    }*/

    .errorEligibilityOccupation {
        margin-left: -24px !important;
    }

    .errorEligibilityResident {
        margin-left: -5px !important;
    }

    .errorEligibilityOtherOccupation {
        padding-left: 5px !important;
    }

    .errorEligibilitySecondOccupation {
        padding-left: 10px !important;
    }

    .errorBankField {
        margin-left: -7px !important;
    }
}

@media screen and (min-width:1366px) {
    /*#IPAgentErrMsg {
        margin-left: -65px;
    }*/

    /*#BulkValuationErrorMsg {
        margin-left: 50px;
    }*/

    .lblFCANumber {
        padding-right: 112px;
    }

    .divCookieMessage {
        max-width: 830px;
    }

    .userFCA {
        margin-left: 22px;
    }

    .firmMetLifeID {
        margin-left: 48px;
    }

    .eligibilityDateError {
        margin-left: -165px !important;
    }

    /*.thirdPartyDOBError {
        margin-left: -202px !important;
    }*/

    .bankError {
        margin-left: -7px !important;
    }

    .margin-left-25 {
        margin-left: -25px !important;
    }

    .errorEligibilityOccupation {
        margin-left: -24px !important;
    }

    .companyError {
        margin-left: -7px !important;
    }
}

@media screen and (min-width:1600px) {
    /*#IPAgentErrMsg {
        margin-left: -105px;
    }*/

    /*#BulkValuationErrorMsg {
        margin-left: 120px;
    }*/

    .lblFCANumber {
        padding-right: 144px;
    }

    .lblSecondOwner {
        margin-left: 0px;
    }

    .divCookieMessage {
        max-width: 984px;
    }

    .userFCA {
        margin-left: 27px;
    }

    .firmMetLifeID {
        margin-left: 88px;
    }

    .eligibilityDateError {
        margin-left: -225px !important;
    }

    /*.thirdPartyDOBError {
        margin-left: -253px !important;
    }*/

    .bankError {
        margin-left: -14px !important;
    }
}

.btn-metlife.AdminPanelButtons {
    width: 236px;
}

.lblSecondOwner {
    margin-bottom: 10px;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover {
    background-color: #0061A0;
    background-image: none;
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0061A0;
    background-image: none;
}

label.ui-checkboxradio-label.FirmAccess {
    margin-left: 25px;
}

label.ui-checkboxradio-label.FirmAccessNew {
    margin-left: 12px;
}

label.ui-checkboxradio-label.FirmAccessBonds {
    margin-left: 45px;
}

label.ui-checkboxradio-label.FirmAccessBondsEB {
    margin-left: 10px;
}

label.ui-checkboxradio-label.FirmAccessAlign {
    margin-left: 40px;
}

label.ui-checkboxradio-label.FirmAccessMP {
    margin-left: 18px;
}

label.ui-checkboxradio-label.PensionISAButton {
    margin-left: 30px;
}

.nopadding.FirmAccessSection {
    padding-top: 10px;
}

.FirmSelectAllButton {
    margin-left: 30px;
}

.CommissionSetupButton {
    margin-left: 30px;
}

.FirmAccessSaveButton {
    margin-left: 30px;
}

.paddingtop40 {
    padding-top: 40px;
}

.content__form__smallheader {
    text-align: left;
    font-family: Georgia;
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
}

.tobFirmSubRowButtonDiv {
    margin-left: -33px;
    background-color: #e3e3e3;
    margin-right: -7px;
    margin-bottom: -8px;
}

.FirmAccessChildRow {
    margin-left: 20px;
}

.imgButton {
    margin-right: 7px;
    margin-top: -2px;
}

#divSessionTimerClock {
    color: #ff0000;
    background-color: #ffd800;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
    text-align: center;
}

.NotFound404 {
    font-size: 150px;
    line-height: 170px;
    color: #007ABC;
    margin-bottom: 40px;
    margin-top: 60px;
}

.pageNotFoundHeader {
    font-size: 44px;
    line-height: 44px;
    font-family: 'Georgia', 'Times New Roman', 'Times', 'serif';
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 65px;
}

.pageNotFoundText {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
    text-align: center;
}

div[aria-describedby="divCookieInfo"] {
    border: none !important;
    padding: 0;
}

#divCookieInfo {
    border: none;
    border-bottom: 1px solid #0E5DAE !important;
    background-color: #f2f2f2;
    padding: 0;
    top: 0 !important;
    text-align: center;
}

.divCookieHeader {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
    padding-left: 40px;
    padding-top: 20px;
    vertical-align: top;
    float: left;
}

.divCookieMessage {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    padding: 20px 40px;
    display: inline-block;
    margin: 0 auto !important;
}

.divCookieButton {
    padding-right: 40px;
    vertical-align: middle;
    float: right;
    padding-top: 40px;
}

.btnWidth180 {
    width: 180px !important;
}

.FirmAccessProtectionText {
    margin-left: 35px;
    margin-right: 35px;
}

.userFCA {
    display: inline-block;
}

.firmMetLifeID {
    display: inline-block;
}

.linkPageNotFound {
    font-size: 16px;
    line-height: 20px;
}

#CustomerPostCode::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    text-transform: none;
}

#CustomerPostCode:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}

#CustomerPostCode::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}

#CustomerPostCode:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}

.dateBlock {
    width: 49px;
    display: inline-block;
}

.monthBlock {
    width: 49px;
    display: inline-block;
    margin-left: 15px;
}

.yearBlock {
    width: 64px;
    display: inline-block;
    margin-left: 15px;
}

.majorBlock {
    width: 49px;
    display: inline-block;
}

.minorBlock {
    width: 49px;
    display: inline-block;
    margin-left: 15px;
}

.metricBlock {
    width: 69px;
    display: inline-block;
    margin-left: 15px;
}

.orBlock {
    margin-left: 15px;
    display: inline-block;
}

.BulkValuationNote {
    text-align: left;
}

.CEAddButton {
    margin-bottom: 3.1px;
}

.UnipassLinkText {
    float: right;
}

.LabelManualMaintenance {
    font-weight: normal;
}

.CapitaHeader {
    font-size: 22px;
}

.CapitaTickCrossImage {
    width: 24px;
}

label.ui-checkboxradio-label.CapitaIssueButton {
    width: 200px;
}

label.ui-checkboxradio-label.ImoprtReworkFile {
    margin-left: 15px;
}

.FileProcessImportError {
    width: 88%;
    height: 40px;
    vertical-align: top;
}

.DisableTxtEdit {
    cursor: not-allowed;
}

.divInline {
    display: inline-block;
}

.tooltipTop {
    vertical-align: top;
    margin-left: 0.3%;
}

.disableTxt {
    cursor: not-allowed;
}

#txtFile {
    width: 280px;
    height: 43px;
    vertical-align: top;
    /*border: 1px solid #e3e3e3;*/
    padding-left: 10px;
}

.tooltip.FileProcessTooltip {
    position: relative;
}

.textBrowseHidden {
    margin-top: -12px;
}

.marginleft05 {
    margin-left: 5%;
}

input[type=text] {
    border: 1px solid #e3e3e3;
}

.commissionErrorMessage {
    margin-top: -40px !important;
    margin-left: 210px !important;
}

.commissionPercent {
    width: 72px !important;
    padding-right: 15px;
}

.dateText {
    padding: 10px 15px 0 15px;
    display: inline-block;
}

.monthText {
    padding: 10px 0 0 15px;
    display: inline-block;
}

.paddingleft45 {
    padding-left: 45px;
}

.percentageText {
    padding: 10px 0 0 0;
    display: inline-block;
    vertical-align: top;
}

.displayInlineBlock {
    display: inline-block;
}

.commissionClawback {
    display: inline-block;
}

.myNewBusinessCommissionTable td, th {
    padding-bottom: 15px;
    text-align: center;
}

.marginLeft40 {
    margin-left: 40px;
}

.paddingleft25 {
    padding-left: 25px;
}

.marginLeft35 {
    margin-left: 35px;
}

.myNewBusinessCommissionTable td:nth-child(2),
.myNewBusinessCommissionTable th:nth-child(2) {
    padding-left: 15px;
}

.topmargin25 {
    margin-top: 25px;
}

.noBottomMargin {
    margin-bottom: 0px !important;
}

.commissionPercentError {
    margin-left: -55px !important;
}

.negativeLeftMargin45 {
    margin-left: -45px !important;
}

.marginleft10 {
    margin-left: 10px;
}

.negativeLeftMargin85 {
    margin-left: -85px !important;
}

.negativeLeftMargin25 {
    margin-left: -25px !important;
}

.bsDatePickerTxt {
    height: 40px;
    border-radius: 1px;
}

.LoginCMScreen {
    float: left;
    border: 1px solid #0061A0;
    width: 100%;
    height: auto;
}

.LoginCMEditPen {
    margin-bottom: 0.2em;
    margin-right: -0.2em;
    width: 20px;
}

.markItUp {
    width: 100% !important;
}

.bsDatePickerIcon {
    border-radius: 1px;
    color: #0061a0;
}

.markItUpContainer textarea {
    max-width: 100%;
}

.commissiondate .input-group-addon {
    background-color: #fff;
    cursor: pointer;
}

.leftmargin05per {
    margin-left: -0.5%;
}

.markItUpEditor {
    width: 100% !important;
}

.markItUpPreviewFrame {
    width: 100% !important;
    height: auto;
}

.markItUpHeader ul ul a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.CMLoginScreenConfirmCancel {
    position: absolute;
    text-align: right;
    margin-top: -50px;
    margin-left: 50px;
}

.myButton, .myButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
    background: -moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background: -webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background: -o-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background: -ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background: linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
    background-color: #378de5;
}

    .myButton:active {
        position: relative;
        top: 1px;
    }

.CMConfirmCancelIcon {
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.toolbar .handle {
    background: none !important;
}

.fieldsetWithTextLoginCSS {
    min-height: 20px;
    margin-top: 0em;
    text-align: left;
}

.paddingtop35 {
    padding-top: 35px;
}

.occupationDiv {
    display: inline-block;
    float: left;
}

#IPAgentErrMsgDiv, #IPFirmErrMsgDiv, #MPAgentErrMsgDiv, #MPFirmErrMsgDiv {
    display: inline-block;
    position: absolute;
}

#IPFirmErrMsgDiv, #MPFirmErrMsgDiv {
    margin-left: -174px;
}

#IPFirmList, #IPAgentList, #FirmList, #AgentList {
    display: inline-block;
}

#BulkValuationErrorMsgDiv {
    margin-left: -174px;
    display: inline-block;
    position: absolute;
}

.thirdPartyDOBErrorSpan {
    position: absolute;
}

.spanMarginLeft8 {
    margin-left: 8px !important;
}

.tooltipSpan {
    position: absolute;
}


.margin-left-35 {
    margin-left: -35px !important;
}

.margin-left-55 {
    margin-left: -55px !important;
}

.marginbottom10 {
    margin-bottom: 10px;
}

.iconExclamation {
    height: 16px;
    padding-bottom: 3px;
    margin-left: 5px;
}

#ContainerReportCategoryError, #ContainerReportTypeError, #ContainerFromDateError, #ContainerToDateError {
    display: inline-block;
    position: absolute;
}

#ContainerReportCategoryError {
    margin-left: -238px;
}

#ContainerFromDateError {
    margin-left: -270px;
}

.reportcenter-col1 {
    width: 12%;
    display: inline-block;
}

.center-col2 {
    width: 15%;
}

.divReport {
    display: inline-block;
    width: 285px;
}

.divFromDate {
    display: inline-block;
    margin-left: 42px;
}

.divFromText {
    display: inline-block;
    margin-left: -1px;
}

.divToText {
    display: inline-block;
}

.divToDate {
    display: inline-block;
    margin-left: 61px;
}

.paddingright15 {
    padding-right: 15px;
}

#ddlReportCategory, #ddlReportType {
    display: inline-block;
}

#ApplicantPrimaryOccupation {
    display: inline;
}

#ApplicantGender {
    display: inline;
}
}

#HeartDefectTypeList {
    display: inline;
}

#DiabetesDiagnosisList {
    display: inline;
}

#declineMessage {
    text-align: left
}


.MPDataProtectionConsentForm div.row > div[class="col-xs-9"] > div.radioBtnDiv {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

.MPDataProtectionConsentForm .radioBtnDiv label.ui-checkboxradio-label {
    min-width: 275px;
    width: 275px;
    max-width: 275px;
    margin: 0;
}

.MPDataProtectionConsentForm .radioBtnDiv label.ui-checkboxradio-label:not(:first-child) {
    margin-left: 15px;
}

.MPDataProtectionConsentForm .RadioAcceptBtn {
    max-width: 160px;
}

.MPDataProtectionConsentForm div.row div[class="col-xs-3"] {
    max-width: 300px;
}
.section-header {
    font-size: 18px;
    text-align: left;
    background-color: #007abc;
    color: white;
    font-weight: bold;
}
.UnderwriterTextBox {
    min-width: 300px;
    max-width: 300px;
    width: 200px;
}

#BPANumber {
    display: inline;
}

#txtNonStandardExclusion {
    max-width: 480px;
    display: inline;
}

#StandardExclusionListOptions {
    display: inline;
}

#btnMsEditApplication {
    margin-left:15px;    
}

.ebMessageHeader {
    margin-bottom: 40px;
}

.LTAMessageHeader {
    padding-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;    
    text-align: center;
    font-family: Georgia;
    font-weight: bold;
    height: 80px; 
    color: rgba(119, 119, 119, 1); 
    background-color: rgba(221, 221, 221, 1);
    
}

.LTAborder {
    border: 1px solid rgba(119, 119, 119, 1);
    border-top:none;
    margin:0px 15px 0px 15px;
}

.ebMemberTitles {
    height: 80px;
    font-size: 22px;
    font-weight: bold;
    background-color: lightgrey;
    text-align: center;
    padding-top: 25px;
    color: #007abc;
    line-height: 26px;
}

.stepHeader {
    font-size: 18px;
    font-weight:bold;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;

}

.stepBody {
    height: 320px;
    font-size: 16px;
    padding-left: 30px;    
}

.acrStepHeader {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.acrStepBody {
    height: 250px;
    font-size: 16px;
    padding-left: 30px;
}


.ebMemberColumn {
    border: 1px solid;    
}

.ebMemberButtons {
    margin-top: 10px;
}

.ebMemberButtonSection {
    height: 80px;
    padding-top: 25px;
}
.ebMemberButtonSectionPA {
    height: 80px;
    margin-top: 65px;
}
.acrButtonSection {
    height: 60px;
    padding-bottom: 15px;
}

#ebMemberFieldList {
    list-style: none;
}
 #ebMemberFieldList li:before {
        content: '✓  ';
 }

.lta-table {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	font-size: 14px;
	line-height: 1.6;
	width: 100%;
	border: solid 1px #9B9B9B;   
}
.lta-table-col {
    border-right: solid 1px #9B9B9B;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 150px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}
.lta-table-col-header {
    padding: 30px;
    text-align: center;
    background: #007abc;
    min-height: 150px;
    text-align: center;
    vertical-align: middle;
}

.lta-table-col-header-title {
    font-size: 20px;
    color: #007abc;
    line-height: 26px;
}
.lta-table-col-header-callout {
    font-size: 26px;
}
.lta-table-col-row {
    padding: 20px;
    text-align: center;
}
.lta-table-col:last-child {
    border-right: 0;
}

.lta-table-col:nth-child(6) {
    width: 100%;
}
.lta-table-col:nth-child(5) {
    width: 100%;
}
.lta-table-col:nth-child(1) {
    width: 100%;
}
.lta-table-col:nth-child(2) {
    width: 100%;
}
.lta-table-col:nth-child(3) {
    width: 120%;
}
.lta-table-col:nth-child(4) {
    width: 100%;
}
.lta-table-col:nth-child(0) {
    width: 100%;
}
.lta-table-footer {
    padding: 5px;
    font-size: 12px;
    text-align: center;
}

.lta-table-alt-rows {
    width: 100%;
    color: #333333;
    font-size: 14px;
    background: #ffffff;
    margin-left: 5px;
    margin-right: 5px;
    border-collapse: collapse;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}

.lta-table-title {
    height: 30px;
    line-height: 30px;
    font-family: Georgia, serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background: #007ABC;
}

.lta-table-alt-rows tr.even {
    background-color: #FFFFFF;
}

.lta-table-alt-rows tr.odd {
    background-color: #E5F4FB;
}


.lta-table-alt-rows tr {
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
}

.lta-table-button {
    margin-left: 2px;
    margin-top: 5px;
}

.lta-footer-button {
    margin: auto;
    padding: 12.5px 5px;
    width: 70px;
    height: 40px;
    text-align: center;
}

.mpUserTextBox:-ms-input-placeholder {
        color: #a5a5a5;
        text-align: center;
}
.mpUserTextBox:-moz-placeholder{
    color:#a5a5a5;
    text-align: center; 
}
.mpUserTextBoxlast:-ms-input-placeholder {
        color: #a5a5a5;
        text-align: center;   
}
.mpUserTextBoxlast:-moz-placeholder{
    color:#a5a5a5;
    text-align: center;
}
.mpUserTextBoxsecond:-ms-input-placeholder {
        color: #a5a5a5;
        text-align: center;     
}
.mpUserTextBoxsecond:-moz-placeholder{
    color:#a5a5a5;
    text-align: center; 
}
.mpUserTextBoxsixth:-ms-input-placeholder {
        color: #a5a5a5;
        text-align: center;    
}
.mpUserTextBoxsixth:-moz-placeholder{
    color:#a5a5a5;
    text-align: center; 
}
.mpUserTextBoxsecond::-webkit-input-placeholder {
    color:#a5a5a5;
}
.mpUserTextBox::-webkit-input-placeholder {
    color:#a5a5a5;
    text-align: center;  
}
.mpUserTextBoxlast::-webkit-input-placeholder {
    color:#a5a5a5;
    text-align: center;
}
.mpUserTextBoxsixth::-webkit-input-placeholder {
    color:#a5a5a5;
    text-align: center; 
}

.mpUserTextBox {   
    width: 120px;      
    height:40px;
}

.mpUserTextBoxsixth {
   width: 150px;     
     height:40px;
}
.mpUserTextBoxlast {
    width: 170px;     
     height:40px;
}
.mpUserTextBoxsecond {
    width: 100px;
     height:40px;
}
.mpUserDropdown {
    width: 180px;       
}
/*@media only screen and (max-width: 380px){
    mpUserDropdown { width : 180px }
}
@media only screen and (max-width: 480px){
    mpUserDropdown { width : 280px }
}
@-ms-viewport{
  width: device-width;
}*/
.myEBtable td, th {   
    background : #007abc;
    color : #ffffff;
    text-align:center;
    border: 1px solid white;
    vertical-align: middle;
    padding-top: 10px;
}


#ebMemberDetailsFile {
    display: inline;
    height: 40px;
}

#memberDetailsFileInputDiv {
    text-align: center;
}

#ebMemberDetailsUploadModal {
    height: 230px;
}

.metLifeGreen {
    color: #a4ce4e;
}

.metLifeRed {
    color: #EB4646;
}

.greyout {
    opacity: 0.6;
    pointer-events: none;
}

#memberDetalsFileInputValidation {
    max-width: 400px;
    min-width: 300px;
    white-space: normal;
}

#acrFileInputValidation {
    max-width: 400px;
    min-width: 200px;
    white-space: normal;
}

.EbSectionHeading{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

.EbSectionSubHeading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
} 

.EbCategoryBtn {
    min-width: 135px;
}


.EbMemberUploadBtn {
    min-width: 140px;
}

.dropdownEB{
	width:143px;	
	}


.textinput__login-alertLTA {
    background-color: #ffffff;
    border-color: #e3e3e3;
    border-radius: 2px;
    height: 40px;
    width:30px;
    padding: 3px 3px;
    text-align: center;
    color: #333;
}

    .textinput__login-alertLTA:focus {
        border-color: #0061A0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 97, 160, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 97, 160, .6);
    }


.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
    background-image:  url("../Content/themes/base/images/ui-icons_ffffff_256x240.png");
}


#cancelLogin {
    display: inline-block;
    margin-left: 110px;
}

#newTermsandConditions, #tAndCsUrl {
    font-size: 16px;
}

.modal-body_ebDeclaration {
    text-align: center;
    padding: 20px 0 50px 0;
    width: 95% !important;
    margin: 0 auto;
}

.modal-content_text_ebDeclaration {
    text-align:left;
    color:rgba(119, 119, 119, 1);
    font-size: 13px;
}

.input-container {
    width: 230px;
    border: 1px solid #a9a9a9;
    display: inline-block;
    margin-left: 10px;
}

.input-container input:focus, .input-container input:active {
    outline: none;
}

.input-container input {
    width: 50%;
    border: none;
}

.input-container button {
    float: left;
}

#uploadProgressContainer, #validateProgressContainer {
    display: none;
}

#uploadProgressBar, #validateProgressBar {
    height: 20px;
    width: 90%;
    background-color: #e9ecef;
    border-radius: 10px;
    overflow: hidden;
}

#uploadProgress, #validateProgress {
    height: 100%;
    width: 0%;
    background-color: #a4ce4e;
    transition: width 0.4s;
}

#uploadProgressText, #validateProgressText {
    font-size: 15px;
    color: #155724;
    margin-top: 5px;
    margin-left: 150px;
    display: block;
}

#ImportSection,
#ValidateSection,
#ExportSection {
    min-height: 550px; /* Adjust the value as needed */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}