/* css_override.css */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700,900|Roboto+Slab:300,400);
.signon-app { 
    display: none;
    font-size: 15px;
    line-height: 18px;
    background: #fff;
    background-color: #fff;
    height: auto;
}
.signon-app header {
    text-align: left;
    margin: auto;
    padding: 0;
    padding-top: 0;
}

.signon-app footer {
    position: static;
    bottom: auto;
    width: auto;
    height: auto;
}

.signon-app .bhf-ot-body-copy {
    font-size:15px;
    line-height:25px;
}
.bhf-ot-body-copy a{
    margin-right: 0px !important;
}
.signon-app .terms {
    display: none;
}
.signon-app section dif form .group {
    margin-bottom: 25px;
}
/* .signon-app section div form p {
    display: none;
} */

.signon-app section div form .group .bhf-ot-form-field__label {
    font-weight: normal;
}

.signon-app .bhf-ot-linear-inputs-button-container .btn-block {
    width: auto;
}

.signon-app .bhf-ot-form-field__input-container input:focus, 
.signon-app .bhf-ot-form-field__input-container input:valid,
.signon-app .bhf-ot-linear-inputs-container input:focus,
.signon-app .bhf-ot-linear-inputs-container input:valid {
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1) inset;
}

.signon-app .bhf-ot-container .alert {
    border-radius: 0;
    width: 50%;
    margin: 0 auto;
    /* background-color: #f2dede; */
}
.signon-app .bg-success {
    background-color: #dff0d8!important;
}
.signon-app .btn-primary,
.signon-app .bhf-ot-form-field .bhf-ot-form-field__input, .signon-app .bhf-ot-form-field__input,
.signon-app .bhf-ot-button--secondary{
    border-radius: 0!important;
    float:none!important;
}
.signon-app .modal .modal-dialog .modal-content .modal-body p a,
.signon-app .modal .modal-dialog .modal-content .modal-body p a:visited,
.signon-app .modal .modal-dialog .modal-content .modal-body a,
.signon-app .modal .modal-dialog .modal-content .modal-body a:visited,
.signon-app h4.modal-title {
    color: #00465A;
}
.signon-app .btndisabled {
    background: #00465A!important;
    color: #FFF;
    border-color: #00465A;
    font-family: "Roboto", "arial";
    background: none;
    -webkit-appearance: none;
    border: none;
    margin: 0 auto;
    font-family: "Roboto", "arial";
    font-weight: 700;
    font-size: 17px;
    line-height: 16px;
    transition: background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    padding: 16px 20px;
    border-style: solid;
    border-width: 2px;
    height: 50px;
    min-width: 240px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    float:none!important;
}
/*  COVOPS-477
    fixed 5/18/2020
    calo
 */
.signon-app .tfaTypeForm .btndisabled {
    display: inline-block;
  }
/*  COVOPS-439 
    fixed 4/8/2020
    calo
*/
.signon-app form[name="twoFactorAuthEmailForm"] .btndisabled {
    display: inline-block!important;
}
/*  COVOPS-554
    fixed 5/26/2020
    calo
 */
.signon-app .btndisabled[onclick="javascript:retryemail();"] {
    display: inline-block;
}
.signon-app .tfaTypeForm label {
    color: #000;
}

.signon-app .tfaTypeForm div {
    width: 320px;
    text-align: left;
    margin: 0 auto;
}
.signon-app .tfaTypeForm .span-2fa {
    margin-top: 20px;
}
.signon-app .bhf-phone-icon {
    width: 19px;
    height: 26px;
    margin: 5px 20px 0 0;
}
.signon-app .bhf-export-icon {
    width: 14px;
    height: 14px;
    position: relative;
    top: -2px;
    left: 5px;
}
.user-label span, 
.pass-label span, 
.email-label span, 
.ssoId-label span, 
.currentPass-label span, 
.pass1-label span, 
.pass2-label span, 
.answer1-label span, 
.answer2-label span, 
label span{
    display: block;
    left: 0!important;
}
.ssoId-label span{
    display:none;
}
.signon-app .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    width: 170px;
    margin: 0 auto;
    /* position: relative; */
    /* top: -2px; */
}

/* CCA */
.primary-header .row .logo {
    background: url(https://s-bhf-dev.idm.stg.covapp.io/images/bhf_header_logo.svg) 0 0 no-repeat;
    height: 39px;
    width: 251px;
    margin: 10px 0 0 0;
}

header {
    background: #fff;
}
.welcome-txt,
.CovTopLinks{
    color: #666!important;
}

.appTabsBg td, .toolbarbg{
    background-image: none!important;
    background: #97d700!important;
}

.pageTitle{
    color: #095877;
}

/* 
forgotPassword.do
3rd input field
*/
.answer3-label {
    display: inherit;
}

@media (min-width: 640px) {
    .bhf-ot-linear-inputs-container,
    .bhf-ot-linear-inputs-checkbox {
      max-width: 320px!important; }
    }

input.buttonWide, 
INPUT.buttonWideOn, 
INPUT.buttonWideOn225, 
INPUT.buttonOn, 
INPUT.button, 
INPUT.buttonExtWide, 
INPUT.buttonNarrow, 
INPUT.buttonNarrowOn, 
INPUT.buttonWidest, 
INPUT.buttonSuperWideOn, 
INPUT.buttonWidestOn, 
INPUT.buttonGO {
    text-transform: capitalize;
    background: none;
    -webkit-appearance: none;
    border: none;
    margin: 0;
    font-family: "Roboto", "arial"!important;
    font-weight: 400!important;
    font-size: 17px!important;
    line-height: 16px;
    transition: background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    padding: 16px 20px;
    border-style: solid;
    border-width: 2px;
    height: 50px;
    min-width: 270px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    background: #00465A;
    color: #FFF;
    border-color: #00465A;
    border-radius: 0;
    background-color: #00465D!important;
}

#twoFactorAuthForm .tableDataTitle,
#twoFactorAuthForm .tableDataTitleReq {
    background-color: #fff;
}

#twoFactorAuthForm input[type="radio"], 
#twoFactorAuthForm input[type="checkbox"] {
    margin: 0px 5px 5px 5px;
}
#twoFactorAuthForm .tableDataUnderscore, 
#twoFactorAuthForm .tableDataUnderscoreNoArrow {
    border-bottom: 0;
}
/* COVOPS-476 Start */
#twoFactorAuthForm .auth_result_display .tableDataUnderscore {
    text-align: center; 
}
/* COVOPS-476 End */
#twoFactorAuthForm td {
    background: none;
}
#twoFactorAuthForm td img,
#twoFactorAuthForm .textFooter {
    display: none;
}
/* EDBHF-258 */
/* .body-content .pageTitle, */
#twoFactorAuthForm .mpPortletDescript,
#twoFactorAuthForm .sectionHeader,
#twoFactorAuthForm .tableDataTitle,
#twoFactorAuthForm #countryRows,
#twoFactorAuthForm #smsRows,
footer .pull-right .textFooter,
#twoFactorAuthForm .tableDataUnderscore .req,
#twoFactorAuthForm .faOptionChecked,
#twoFactorAuthForm #back_button1{
    display: none!important;
}
.body-content .pageTitle{
    display: block!important;
    font-family: "Roboto", "arial";
    font-weight: 900;
    font-size: 29px;
    line-height: 40px;
    color: rgb(51,51,51);
    margin: 0 auto 20px auto;
    width: 312px;
}
form[name="landingForm"] table .pageTitle{
    font-size:14px;
    font-weight: 700;
    margin: 0;
}
#twoFactorAuthForm {
    width: 400px;
    margin: 0 auto;
    text-align: center;
}
#twoFactorAuthForm .twoFAModeChecked{
    margin: 0px 5px 5px 55px!important;
}
#twoFactorAuthForm #phoneRows{
    height: 50px;
}
#twofaauthcode table {
    margin: 0 auto;
    width: 400px;
}
#twofaauthcode table #verifySMS {
    text-align: center;
}
#twofaauthcode #verfiyButtons input {
    display: block;
}
#twofaauthcode #verfiyButtons input:nth-of-type(1){
    border: none;
    margin: 0;
    font-family: "Roboto", "arial";
    font-weight: 700;
    font-size: 17px;
    line-height: 16px;
    transition: background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    padding: 16px 20px;
    border-style: solid;
    border-width: 2px;
    height: 50px;
    min-width: 240px;
    position: relative;
    display: inline-block;
    text-decoration: none;
}
#twofaauthcode #entered_passcode{
    border: 2px solid #828282;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1) inset;
    height: 50px;
    min-height: 0;
    padding: 18px 15px 15px;
    background: #FFF;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    font-family: "Roboto", "arial";
    color: #333;
    margin: 20px 0 0;
}
#verfiyButtons #resend_passcode {
    border: 2px solid #828282;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1) inset;
    height: 50px;
    min-height: 0;
    padding: 18px 15px 15px;
    background: #FFF;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    font-family: "Roboto", "arial";
    color: #333;
}
#twoFactorAuthForm #phoneRows #phoneNumber,
#twoFactorAuthForm #emailAddress{
    border: 2px solid #828282;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1) inset;
    height: 50px;
    min-height: 0;
    padding: 18px 15px 15px;
    background: #FFF;
    font-size: 16px;
    color: #333;
    margin: 20px auto;
}
#twoFactorAuthForm #emailAddress{
    width: 80%;
}
#twoFactorAuthForm #phoneRows .countryPhoneCode {
    width: 60px;
    border: 2px solid #828282;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1) inset;
    height: 50px;
    min-height: 0;
    padding: 18px 15px 15px;
    background: #FFF;
    font-size: 16px;
    color: #333;
    position: relative;
    top: 4px;
    left: -8px;
}
#twoFactorAuthForm #phoneRows .tableDataTitleReq{
    display: none;
}
#twoFactorAuthForm .validate_rows #validate{
    position: relative;
    left: 60px;
}
#twoFactorAuthForm .validate_rows td:nth-of-type(1){
    display: none;
}
#twoFactorAuthForm .tableDataTitleReq {
    display:none;
}
.tfaTypeForm #phSpan #radiotype {
    display: none!important;
}
.tfaTypeForm #moSpan #mobileradiotype,
.tfaTypeForm #phSpan {
    display: none!important;
}
.tfaTypeForm .bhf-ot-linear-inputs-button-container {
    margin: 20px 0;
    padding-top: 20px;
    position: relative;
    z-index: 0;
    width: 500px!important;
}
.tfaTypeForm .modal-link {
    display:none;
}
.primary-header .row .right-col .welcome-txt,
.primary-header .right-col .list-inline .welcome-txt {
    display: none !important;
}
/* uncomment below for testing without DOM manipulation */
/* .signon-app,
.signon-app .terms,
.signon-app section div form p {
    display: block;
} */

/* COVOPS-570 */
.bhf-ot-button.bhf-ot-button--secondary:hover, .bhf-ot-button.bhf-ot-button--secondary:focus, .bhf-ot-button.bhf-ot-button--secondary-icon:hover, .bhf-ot-button.bhf-ot-button--secondary-icon:focus {
    background: #D9E3E6;
    color: #00465A;
    transform: translateY(-3px);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
}

/* EDBHF-727 */
.g-recaptcha > div {
    margin: 20px auto 30px;
}

.vrfy-label{
    display: flex;
    justify-content: space-between;
}