/************************************/
/*START GENERAL STYLE*/

/*Text Color Throughout CustomerSite*/
.CustomerSite.MemberAreaPage.PaymentShedule .container,
.PlainBlackRulesTable,
.RatesTable,
.LoanAmount,
.LoanDetails,
.PaymentDetails,
.PaymentExplanation,
.MinimalPayment,
.NewDueDate,
.Preface,
.SectionMessage,
.MemberPage label span,
.MemberPage .line label,
.CustomerSite .Header,
.BankAccountVerification .English,
.BankAccountVerification .Spanish,
.PaymentReceipt .container {
    color: #323232;
    font-family: 'Montserrat', sans-serif;
}

.militaryGroup div,
.theORclass {
    color: #323232 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.CustomerSite .Header,
.SectionHeader span {
    color: #90c84d !important;
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: 20px;
}

/*Buttons*/
.MemberPage input[type=submit], .MemberPage button,
#Content_Root_MemberPageDispatcher_subpage_bankAccountVerification_DecisionLogicButton {
    background: #90c84d;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    border-radius: 0px;
    padding: 13px 20px 11px 20px;
    outline: 0;
    border: 0px;
    -webkit-transition: background 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: background 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    font-family: 'Montserrat', sans-serif;
}

    .MemberPage input[type=submit]:hover, .MemberPage button:hover,
    .MemberPage input[type=submit]:focus, .MemberPage button:focus,
    .MemberPage input[type=submit]:active, .MemberPage button:active,
    #Content_Root_MemberPageDispatcher_subpage_bankAccountVerification_DecisionLogicButton:hover,
    #Content_Root_MemberPageDispatcher_subpage_bankAccountVerification_DecisionLogicButton:focus,
    #Content_Root_MemberPageDispatcher_subpage_bankAccountVerification_DecisionLogicButton:active {
        background-color: #5C5C5E;
    }

.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 {
    border: 1px solid #8e8e8e;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #323232;
    background-color: #fff;
    height: auto;
    padding: 0px 20px 0px;
    min-height: 40px;
    max-width: 100%;
}

    .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: 1000px;
}


/*Fixes some weird bug issue*/
@media (min-width: 576px) {
    .container {
        max-width: unset;
    }

    .col-sm-6, .col-sm-4, .col-sm-8 {
        max-width: unset;
    }
}

@media(max-width: 576px) {
    .CustomerSite input[type=submit], button[type=submit],
    #Content_Root_MemberPageDispatcher_subpage_bankAccountVerification_DecisionLogicButton,
    #Content_Root_MemberPageDispatcher_subpage_loanShowAgreement_Btn_Sign {
        width: 100%;
    }
}



/*END COMMON IMPROVEMENTS*/
/************************************/

@media (min-width: 576px) {
    .container.footer-container, .container.header-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container.footer-container, .container.header-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container.footer-container, .container.header-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container.footer-container, .container.header-container {
        max-width: 1200px;
    }
}








/*Apply For Loan*/

body .CustomerSite.ApplicationForm {
    background: #eee;
    padding: 25px 0;
}

    body .CustomerSite.ApplicationForm input.aspNetDisabled,
    body .CustomerSite.ApplicationForm select.aspNetDisabled {
        background-color: #ccc;
    }


/*Change Password*/
.ChangePassword .line {
    margin-bottom: 15px;
}




/*Payment Receipt*/
.PaymentReceipt .container {
    padding: 25px 0;
}

.PlainBlackRulesTable td {
    padding-left: 5px;
}

.PaymentType {
    margin: 15px 0;
}

.PaymentExplanation {
    margin-bottom: 15px;
}



/*Member Area*/

.Links .Link {
    margin: 10px 0;
    padding: 0;
    border: none;
}

    .Links .Link:first-child {
        margin-top: 0;
    }

    .Links .Link > a {
        font-family: 'Montserrat', sans-serif !important;
        display: block;
        padding: 11px 0;
        color: #fff;
        background-color: #90c84d;
        border: none;
        transition: .4s;
    }

    .Links .Link:hover {
        background-color: transparent;
    }

    .Links .Link a:hover, .Links .Link a:focus, .Links .Link a:active {
        background-color: #5C5C5E;
        text-decoration: none;
    }

.InfoTable .table {
    margin-bottom: 0;
}

.CustomerSite .InfoTable table tr td {
    font-family: 'Montserrat', sans-serif !important;
}

.InfoTable table tbody tr td.TableHeader {
    color: #000;
}

.InfoTable table tbody tr td.TableValue {
    color: #90c84d;
    font-weight: 700;
}

/*Agreement Pane - For Agreement Sequences*/
.AgreementsPane {
    border: 1px solid #90c84d;
    text-align: center;
    color: #fff;
    margin: 10px !important;
    background-color: #222;
}

.CustomerSite a.closeLink {
    display: block;
    background: #555;
    color: #fff;
    padding: 10px;
    text-align: right;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

    .CustomerSite a.closeLink:hover,
    .CustomerSite a.closeLink:active,
    .CustomerSite a.closeLink:focus {
        color: #aaa;
        text-decoration: none;
    }

.CustomerSite a.agreementLink {
    font-family: 'Montserrat', sans-serif !important;
    display: block;
    padding: 11px 0;
    color: #fff;
    background-color: #90c84d;
    border: none;
    transition: .4s;
    margin: 10px 5px;
}

    .CustomerSite a.agreementLink:hover,
    .CustomerSite a.agreementLink:focus,
    .CustomerSite a.agreementLink:active {
        background-color: #5C5C5E;
        text-decoration: none;
        color: #fff;
    }



/*Upload Documents*/
#Content_Root_MemberPageDispatcher_subpage_uploadDocuments_Btn_Upload, .CustomerSite.MemberAreaPage.UploadDocuments .Button {
    margin-top: 15px;
    text-align: center;
}

.form-container {
    background-color: #323232;
    padding: 30px;
    margin-top: 15px;
}

.UploadDocuments .existing-customer-files .line {
    border-bottom: 1px dotted #fff;
    padding: 15px 0;
}

.UploadDocuments .existing-customer-files .line {
    overflow-x: auto;
}

    .UploadDocuments .existing-customer-files .line a {
        color: #fff;
    }

.UploadDocuments .line div {
    color: #ccc;
}

#Content_Root_MemberPageDispatcher_subpage_uploadDocuments_FileUpload {
    color: #eee;
}


/*Bank Account Verification*/

#Content_Root_MemberPageDispatcher_subpage_bankAccountVerification_Btn_Continue {
    vertical-align: bottom;
}

.BankAccountVerification .container,
.LoanAutoDenial .container {
    margin: 100px auto;
}



/*loanShowAgreement*/
.LoanAgreementDiv, .colored-box {
    width: 75%;
    margin: auto;
    min-width: 850px;
}

.colored-box {
    background-color: #90c84d !important;
}

.LoanAgreementDiv {
    border-color: #90c84d !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;
    }
}


/*Payment Schedule*/
.table-container {
    overflow-x: auto;
}

.PaymentShedule .PlainBlackRulesTable td {
    padding: 3px;
}