/* connect access css starts */
/* master code */

.connect-access .fa-envelope-open {
    font-size: 34px;
    margin-right: 12px;
    color: #C53E32;
}


.connect-access .support-option {
    display: none;
}


.connect-access .idProofingQuestions {
    padding: 20px 30px 0px 30px;
}

.connect-access .custom-radio {
    padding-bottom: 10px;
}

.connect-access .support-option {
    margin: 10px 40px 40px 40px;
    padding: 15px 0px 5px 0px;
    border: 1px solid #E6E6E6;


}

.update-email-wrap label {
    color: #7a7a7b !important;
    padding-left: 0px !important;
    cursor: pointer;
    font-size: 18px !important;
    font-family: 'Athene' !important;
    font-weight: unset;
}


.use-agreement-main .terms-and-conditions-atheneConnect {
    padding-right: 25px;
}

@media only screen and (max-width:575px) {
    .connect-access .fa-envelope-open, .connect-acccess-code-verify .fa-envelope-open {
        display: none;
    }

    .connect-access .idProofingQuestions {
        padding: 20px 15px 0px 15px;
    }

    .connect-access .support-option {
        margin: 10px 0px 25px 0px;
    }

    .connect-access .idProofing-questionsWrap .form-group label,.update-email-wrap label {
        font-size: 16px !important;
    }


}

@media only screen and (min-width: 576px) and (max-width:767px) {

    .connect-access .idProofing-answers {
        padding-left: 40px !important;
    }
}


/* connect access css ends*/



/* user agreement and tushar registration css starts*/
.agreement-titles{
    background-color: #11175e;
}
/*main{
    min-height: calc(100vh - 147px);
}*/

ul li.user-id-conditions,
ul li.password-conditions {
    font-family: 'AtheneDemi';
    font-size: 18px;
    padding-left: 15px;
    font-weight: 600;
}

ul li.user-id-conditions:before,
ul li.password-conditions:before {
    content: none;
}

ul.password-requirement-subList li:before{
    content: none;
}

ul.password-requirement-subList li{
    padding-bottom: 10px;
}

.user-id-conditions-wrap ul,
.password-conditions ul{
    list-style-type: none;
}

.correct{
    color:#01aa85 !important;
}

.wrong{
    color: #c8493d !important;
}

/*.idProofing-question.wrong + input{
    border-color: #c8493d;
}*/

.grand-staff-access-modal{
    background-color: #ffffff;
    max-width: 750px;
}

.idProofingQuestions.modal-content{
    font-family: 'Athene';
}

.access-info{
    padding: 30px 40px;
}

.addSkipUser-btn-wrap{
    padding: 20px;
    min-height: 100px;
    background: #ededed;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.athene-transparent-btn.modal-dismiss-btn{
    width: 150px;
    padding: 10px 15px;
}

.athene-filled-btn.modal-submit-btn{
    border-radius: 5px;
    padding: 10px 15px;
}

.grand-staff-access-modal ul li.user-id-conditions span{
    font-family: 'Athene';
    font-weight: 100;
}

.grand-staff-access-modal ul li.user-id-conditions{
    padding-left: 20px;
}

.primary-brdr{
    border-color: #0067AC !important;
}

.add-user-icon{
    font-size: 28px;
    color:#0067AC;
}

table.verifyProducerTable{
    border: none;
}

table.verifyProducerTable th{
    border-top: none;
}

.verifyProducerTable tbody td:not(:last-child){
    border-right: 1px solid rgba(0,0,0,0.2);
}

.verifyProducerTable thead th:first-child,
.verifyProducerTable tbody td:first-child{
    padding-left: 40px;
}

.verifyProducerTable thead th,
.verifyProducerTable tbody td{
    padding-left: 20px;
}

.form-error{
    color:#c8493d;
}


.agree-terms-wrap{
    padding: 15px 35px;
    border:1px solid #C53E32;
    width: 100%;
}

.useAgreement-registration-terms{
    list-style-type: none;
}

.terms-and-conditions-atheneConnect{
    padding-right: 25px;
}

div.requestAccess-btn-wrap{
    justify-content: flex-end;
}

div.requestAccess-btn-wrap .athene-filled-btn,
div.requestAccess-btn-wrap .athene-transparent-btn{
    padding: 10px;
}

.create-account-staff-container .id-proofing-ques .form-row .form-group{
    padding-right: 5px;
    padding-left: 5px;
}


.agree-terms-wrap .custom-control-label{
    font-family: 'AtheneDemi';    
}

@media only screen and (max-width:767px){
    
    ul li.user-id-conditions,
    ul li.password-conditions {
        font-size: 16px;
    }

    .access-info{
        padding: 20px 15px;
    }

    .verifyCode-alert span{
        font-size: 15px;
    }

    .terms-and-conditions-atheneConnect {
        padding-right: 15px;
        padding-left: 30px;
    }

}

@media only screen and (max-width:991px) and (min-width:768px){
    .idProofing-questionsWrap,
    .assistance-help-forgotPass{
        margin-left: 15px;
        margin-right: 15px;
    }
}

/* user agreement and tushar registration css ends*/



/* online account css starts*/
.idProofing-questionsWrap .form-group label {
    font-size: 20px;
    font-family: 'AtheneDemi';
    color: #000000;
    margin-bottom: 5px;
}
/*
.online-account {
    display: block !important;
}
*/



.password-icon {
    float: right;
    position: relative;
    cursor: pointer;
    right: 10px;
    font-size: 18px;
    bottom: 32px;
    color: #4E4E4E;
}

.contract-issue .input-group-addon {
    float: right;
    position: absolute;
    right: 12px;
    bottom: 12px;
    font-size: 18px;
    color: #4E4E4E;
}

.contract-issue input {
    border-radius: 0px !important;
}

.athene-user-form input {
    height: 54px;
    background-color: #EDEDED;
}


.forget-user .athene-filled-btn {
    height: auto;
}


input.error, input.valid {
    background-image: none;
}

.login-link {
   color:  #0067AC;
   margin-left: 5px;
}

.login-link .fa-angle-right {
    font-weight: 500;
    top: 1px;
    position: relative;
}

.use-agreement-main .terms-and-conditions-atheneConnect ol {
        padding-right: 10px;
        padding-left: 10px;
}

.verifyProducerTable th {
    border: none;
}


@media only screen and (max-width:767px) {
    .idProofing-questionsWrap .form-group label {
        font-size: 18px;
        font-family: 'AtheneDemi';
        color: #000000;
        margin-bottom: 2px;
    }

    .use-agreement-main .terms-and-conditions-atheneConnect {
        padding-left: 20px;
        padding-right: 15px; 
    }

    .use-agreement-main .terms-and-conditions-atheneConnect ol {
        padding-right: 10px;
        padding-left: 10px;
    }

    .use-agreement-main .terms-and-conditions-atheneConnect ol ul li {
        padding-left: 0px;
    }
}

@media only screen and (min-width:768px) {
    .number-field {
        padding-right: 7px !important;
    }

    .date-field {
        padding-left: 7px !important;
    }
}



/* online account css ends*/



.connect-access-create-password input {
    height: 54px;
    background-color: #EDEDED;
}

.connect-acccess-code-verify .fa-envelope-open {
    font-size: 28px;
    margin-right: 12px;
    color: #FAA634;
}




/* main spa css starts*/
    
    
.online-account, .connect-access-id-proof, .connect-access, .connect-acccess-user, .connect-access-create-password, .connect-acccess-code-verify, .verify-producer-code, .verify-athene-code, .dual-role-setup, .dual-role-next {
    display: none;
}


/* main spa css ends*/

/*Added by Pradeep*/
#connectAccessForm .error { color:#C53E32; font-weight: 700; font-style: normal}
#formPassword .error { color:#C53E32; font-weight: 700; font-style: normal}
#idproofingForm .error { color:#C53E32; font-weight: 700; font-style: normal}
#verificationCodeForm .error { color:#C53E32; font-weight: 700; font-style: normal}
#contactInfoForm .error { color:#C53E32; font-weight: 700; font-style: normal}
#emailReviewForm .error { color:#C53E32; font-weight: 700; font-style: normal}
#accountSafeForm .error { color:#C53E32; font-weight: 700; font-style: normal}
#passcode-security_Form .error { color:#C53E32; font-weight: 700; font-style: normal}
#atheneUserForm .error { color:#C53E32; font-weight: 700; font-style: normal}

.registration-connect-access-main .modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../../../img/athene-logo/favicon-32x32.png') 
                50% 50% 
                no-repeat;
}

body.loading .modal {
    overflow: hidden;   
}

body.loading .modal {
    display: block;
}
.registration-connect-access-main #outPopUp {
    position: absolute;
    width: 300px;
    height: 200px;
    z-index: 15;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -150px;
    color: #11175e;
    font-weight:bold;
} 

/*Added by Pradeep*/

/* Added by Pravin */

.amber-alert {
    margin-right: 12px;
    font-size: 28px;
    color:#FAA634;
}

.red-alert {
    margin-right: 12px;
    font-size: 28px;
    color:#C53E32;
}

.neutral-alert{
    font-size:28px;
    color:#0067AC;
}

.email-border {
    border: 1px solid #ccc;
    padding: 20px;
    margin-left: 30px;
}

.passcode-border {
    background-color:#D3E7F4;
    padding-top:8px;
    width:fit-content;
    border-radius:5px;
    min-width:200px;
}

/* End of Code */