﻿/************************************/
/*START GENERAL STYLE*/

/*Text Color Throughout CustomerSite*/
.CustomerSite.MemberAreaPage.PaymentShedule .container,
.PlainBlackRulesTable,
.RatesTable,
.LoanAmount,
.LoanDetails,
.PaymentDetails,
.PaymentExplanation,
.ScheduledPaymentExplantation,
.MinimalPayment,
.NewDueDate,
.Preface,
.SectionMessage,
.MemberPage label span,
.MemberPage .line label,
.CustomerSite .Header,
.BankAccountVerification .English,
.BankAccountVerification .Spanish,
.PaymentReceipt .container {
    color: #000;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.militaryGroup div,
.theORclass {
    color: #000 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.CustomerSite .Header,
.SectionHeader span{
    color: #9cd054 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    margin-bottom: 20px;
}

.SectionHeader #communication {
    font-size: 25px !important;
}


.Links .Link {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*Buttons*/
.MemberPage input[type=submit], .MemberPage button,
.MemberPage .btn.btn-success, #submitPayment {
    color: #ffffff !important;
    background-color: #9cd054;
    border-radius: 5px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    margin-bottom: 10px;
    border: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

    .MemberPage input[type=submit]:hover, .MemberPage button:hover,
    .MemberPage input[type=submit]:focus, .MemberPage button:focus,
    .MemberPage input[type=submit]:active, .MemberPage button:active,
    .MemberPage .btn.btn-success:hover,
    .MemberPage .btn.btn-success:focus,
    .MemberPage .btn.btn-success:active {
        background-color: #86b93f;
    }

.LoanAgreementDiv button[type=button] {
    padding: .375rem .75rem;
}

.Button input {
    margin-top: 20px;
}

/*inputs and selects*/
.MemberPage input[type=text], .MemberPage input[type=password], .MemberPage select.form-control {
    background-color: #eeffe9 !important;
    border-radius: 3px !important;
    padding: 8px 12px !important;
    border-color: black !important;
    height: 38px !important;
}

    .MemberPage input[type=text]:focus, .MemberPage input[type=password]:focus, .MemberPage select.form-control:focus {
        /*box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);*/
    }

.line .form-group {
    margin-bottom: 15px;
}


/*END GENERAL STYLE*/
/************************************/


/************************************/
/*START COMMON IMPROVEMENTS*/


/*Dictates widths for containers on different subpages*/
.MemberPage .Login .container,
.MemberPage .RecoverPassword .container,
.MemberPage .ResetPasswordInitiate .container,
.MemberPage .ResetPassword .container,
.MemberPage .ChangePassword .container,
.MemberPage .BankAccountVerification .container {
    max-width: 750px !important;
}

.MemberPage .PaymentShedule .container,
.MemberPage .UploadDocuments .container,
.MemberPage .Payment .container,
.MemberPage .LoanConfirm .container,
.MemberPage .LoanSelectAmount .container,
.MemberPage .LoanAutoDenial .container {
    max-width: 850px;
}

.MemberPage .MemberArea .container {
    max-width: 1200px;
}

@media(max-width: 576px) {
    .CustomerSite input[type=submit], button[type=submit],
    .MemberPage .btn.btn-success,
    #Content_Root_MemberPageDispatcher_subpage_loanShowAgreement_Btn_Sign {
        width: 100%;
    }
    .ApplicationForm .SectionButton > input{
        left:0px;
    }
}


/*END COMMON IMPROVEMENTS*/
/************************************/




/*Bank Account Verification*/

#Content_Root_MemberPageDispatcher_subpage_bankAccountVerification_Btn_Continue {
    vertical-align: bottom;
}

.BankAccountVerification .container,
.LoanAutoDenial .container {
    margin: 100px auto;
}


.BankAccountVerification .Header span {
    color: #9cd054 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}



/*Upload Documents*/
#Content_Root_MemberPageDispatcher_subpage_uploadDocuments_Btn_Upload, .CustomerSite.MemberAreaPage.UploadDocuments .Button {
    margin-top: 15px;
    text-align: center;
}

.form-container {
    background-color: #fff;
    padding: 30px;
    margin-top: 15px;
}

.UploadDocuments .existing-customer-files .line {
    border-bottom: 1px dotted #444;
    padding: 15px 0;
}

.UploadDocuments .existing-customer-files .line {
    overflow-x: auto;
}

    .UploadDocuments .existing-customer-files .line a {
        color: #444;
    }

.UploadDocuments .line div {
    color: #444;
}

#Content_Root_MemberPageDispatcher_subpage_uploadDocuments_FileUpload {
    color: #444;
}




/*loanShowAgreement*/
.LoanAgreementDiv, .colored-box {
    width: 75%;
    margin: auto;
    min-width: 850px;
}

.colored-box {
    background-color: #444 !important;
}

.LoanAgreementDiv {
    border-color: #444 !important;
}

@media(max-width:850px) {
    .LoanAgreementDiv, .colored-box {
        min-width: 100%;
    }
}

@media (max-width: 767px) {
    .CustomerSite .Links {
        padding: 0;
    }

    .form-container {
        padding: 15px;
    }

    #tbl_Receipt, #Content_Root_MemberPageDispatcher_subpage_paymentReceipt_Btn_Continue {
        width: 90% !important;
    }

    .MemberPageMenu {
        display: none !important;
    }
}






/*Member Area*/

.Links .Link {
    margin: 10px 0;
    padding: 0;
    border: none;
}

    .Links .Link:first-child {
        margin-top: 0;
    }

    .Links .Link > a {
        display: block;
        color: #ffffff !important;
        background-color: #9cd054;
        border-radius: 5px;
        padding: 8px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        margin-bottom: 10px;
        border: none;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    }

    .Links .Link:hover {
        background-color: transparent !important;
    }

    .Links .Link a:hover, .Links .Link a:focus, .Links .Link a:active {
        background-color: #86b93f;
        text-decoration: none;
    }

.InfoTable .table {
    margin-bottom: 0;
}

.CustomerSite .InfoTable table tr td {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.InfoTable table tbody tr td.TableHeader {
    color: #000;
}

.InfoTable table tbody tr td.TableValue {
    color: #90c84d;
    font-weight: 700;
}

.customerInfo {
    display: inline-block;
    font-size: 14px;
    color: black;
    text-align: left !important;
} 

.confirmation {
    width: 50%; 
    margin: auto;
}

.Payment .Header, .ScheduledPayment .Header {
    margin-bottom:0 !important;
}

#Content_Root_MemberPageDispatcher_subpage_payment_Div_PaymentExplanation {
    display: none;
}

#td_PaymentReceiptMessageAndAdditionalMessage {
    text-align: center;
}

.logout_btn {
    display:inline-block;
    margin-left:20%;
    background-color: #9cd054;
    border-radius: 5px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border: none;
    position:absolute;
    right:5%;  
}

    .logout_btn a {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
        color: #ffffff !important;
    }

    .logout_btn:hover a{
        text-decoration: none;
    }

    .logout_btn:hover {
        background-color: #86b93f;
    }

/*Agreement Pane - For Agreement Sequences*/
.AgreementsPane {
    border: none;
    text-align: center;
    color: rgb(0, 0, 0);
    margin: 10px !important;
}

a.closeLink {
    display: none;
    background-color: grey;
    color: #fff;
    padding: 10px;
    text-align: right;
    margin-bottom: 5px;
}

a.agreementLink {
    display: block;
    padding: 10px 0;
    background-color: #444;
    color: #fff;
    text-align: center;
    margin: 5px;
    border-radius: 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

    a.agreementLink:hover,
    a.agreementLink:focus,
    a.agreementLink:active {
        text-decoration: none;
        opacity: 0.8;
        color: #fff;
    }
