/* Minification failed. Returning unminified contents.
(2349,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
: run-time error CSS1066: Unexpected end of file encountered
 */
/* --------------------------------------------------------------------------------------------------------------------------
    Global Styles  
   --------------------------------------------------------------------------------------------------------------------------   */
body {
    background-color: #ffffff;
    font-family: Poppins, 'opensansregular', Arial, Helvetica, sans-serif !important;
    font-size: 14px;
}

/* Eventually this will be a side wide link style: */
a {
    color: #3293B8; /* #2A93B4 or #338195 */
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}

.clear {
    clear: both;
}

.mobileOnly {
    display: none;
}

.wordWrapBreak {
    word-wrap: break-word;
}

.smsPolicyTitle {
    font-size:1.5rem;
}
.progressbarDiv{
    margin-top: 3em;
    text-align: center;
}
#progressbarTitle {
    padding: 0; /* Removes the browser's padding that is built into unordered lists. */
    min-height:20px !important;
}
#progressbarTitle li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 14px;
    color: #57585D;
    position: relative;
    text-align: center;
    white-space: nowrap;
   
    line-height:28px;
}

/* <ul> element */
#progressbar {
	margin-bottom: 3px;
	padding: 0; /* Removes the browser's padding that is built into unordered lists. */
	/*CSS counters to number the steps*/
    position: relative;
	counter-reset: step;
    z-index: 1; /* http://www.independent-software.com/set-stacking-order-of-pseudo-elements-below-parent-element.html */
}
#progressbar li {
	list-style-type: none;
    font-size: 18px;
	width: 25%;
	float: left;
	position: relative;
    text-align: center; 
    margin-bottom: 1.25em;
    /* No z-index allowed z-index: auto !important; */
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
    height:27px;
	width: 27px;
	line-height: 27px;
	display: block;
	font-size: 10px;
	color: #D8D8D8;
	background: #D8D8D8;
	border-radius: 17px;
	margin: 0 auto 5px auto;
    z-index: 1;
    position: relative;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 9px;
	background:#D8D8D8;
	position: absolute;
    left: -43%;
	top: 9px;
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background:#2D94B6 !important;
	color: #2D94B6 !important;    
    opacity:1;
}
 #progressbarTitle li.active {
    font-weight:bold;
    font-size: 16px;
   }
/* h6 has a font-size of 16px*/

/*
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #ffffff;
} */


.toggleSMSContentPolicy {
    border: none;
    color: #2A93B4;
    font-weight: bold;
    background: none;
    padding: 0px;
    font-size: 14px;
    text-decoration: underline;
}

.mdl-textfield-margin {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}

/* This is page specific: */
.pageWrap {
    max-width:1050px;
    width:100%;
    position: relative;
    margin: 0 auto;
}

/* The @font-face should only live in FontFace.css from now on. Any other custom fonts should be added to FontFace.css */

.openSansFont {
    font-family:'opensansregular', "Open Sans", sans-serif, Helvetica, Arial;
}
.openSansLightFont {
    font-family: 'opensanslight', "OpenSans-Light", "Open Sans", sans-serif, Helvetica, Arial;
}

.textCenter {
    text-align: center;
}
.agreeVisual {
    color: #54565b;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}
    .agreeVisual::before {
        content: '';
        display: inline-block;
        height: 15px;
        width: 15px;
        border-radius: 3px;
        left: 0px;
        top: 3px;
        position: absolute;
    }
    .agreeVisual.false::before {
        border: 2px solid #a2a2a2;
        background-color: #D8D8D8;
    }
    .agreeVisual.true::before {
        border: 2px solid #d8d8d8;
        background-color: #2D94B6;
    }
/* Add ID names here for checkboxes that have no header text and only body-text. TODO - Maybe the templates can handle these variations. */
#smsPolicyCheckboxLabel {
    color: #555555;
    display: inline-block;
    line-height: 1.5em;
    margin: -1.5em 0 0 6%;
    vertical-align: top;
    width:94%;
    margin-left: 30px;
} 

.smsdisclosureText {
    color: #787878;
    display: inline-block;
    line-height: 1.5em;
    margin: -26px 15% 0 15%;
    vertical-align: top;
    width: 70%;
}

.applicationWrap,
.applicationSideBar {    
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top; 
}


.applicationMobileHeader {
    background: #2D94B6;
    display: none;
    width: 100%;
    text-align: center;
    vertical-align: bottom;
    font-weight: bold;
    color: white;
    position: relative;
    padding: 15px;
}

.applicationWrap {
    background-color: #ffffff;
    max-width: 800px;
    width: 70%;
    font-family: Poppins, "opensansregular", Arial, Helvetica, sans-serif !important;
}
    .applicationWrap *,
    #existingCustomerPopUpWrap * {
        font-family: Poppins, "opensansregular" , Arial, Helvetica, sans-serif !important;
    }
    .applicationWrap h1,
    .applicationWrap h2,
    .applicationWrap h3 { 
        color: #54565b;    
	    font-size: 24px;
	    font-weight: bold;
    }

    .applicationWrap h2 {
        font-size: 20px;
        line-height: 1.375em;
    }

    .applicationWrap h3 {
        font-size: 14px;
        line-height: 1.5em;
    }

/* These classes should be used together, the spacing is different compared to using only the h1 tag: */
    .applicationWrap .headingTopText {
        margin-top: 1.5em;
        margin-bottom: 0.86em;
        font-size: 22px;
        color: #555555;
        font-weight: bold;
    }

     .applicationWrap .headingTopCenterText {
        margin-top: 1.5em;
        margin-bottom: 0.86em;
        font-size: 22px;
        color: #555555;
        font-weight: bold;
        text-align:center;
    }

/* Use this for desktop pages that do not have a side bar: */
.applicationWrapFullScreen {
    max-width: none;
    width: 100%;
}
.headingSubText {
    color: #555555;    
    font-size: 16px;
    line-height: 1.375em;
    margin-bottom: 2em;
    margin-top: 0.5em;
    text-align: center;
}
.headingSubTextWrap {
    margin: 0 auto;
    max-width: 480px;
}
.SSNFieldPDiv{
    margin-top: -1em;
}
.ssnField {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    height: 100%;
    width: 100%;
    border: 1px solid #b8b8b9;
    border-radius: 2px;
   overflow: hidden;
    padding: 13px 0;
    background-color: #f5f5f5;
}
    .ssnFieldLabel {
        font-size: 16px;
        font-weight: bold;
        color: #787878;
        margin: 0px 0px -8px 8px;
    }

    .ssnField hr {
        margin-right: 16px;
        margin-left: 8px;
        margin-top: 5px;
        border: 1px solid #979797;
    }
    .ssnFieldlogo{
        display: inline;
    }
.ssnFieldlogoPtext {
    display: inline-block;        
    font-size: 12px;
    color: #464646;
    line-height: 1.5em;
    margin-bottom: 0px;
}
.ssnFieldLogoWrap {
    display: inline-block;
    text-align: right;
    vertical-align: top;
}

.categoryWrap {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}

 .createAccountHeader{
    display: block;
    text-align: center;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 5px;
}
 .popupStateBtn{
     padding: 15px;
    text-decoration: none;
    font-size: 16px;
 }
.createAccountCaption{
    display: block;
    text-align: center;
    font-size: 16px;
    }

.applicationSideBar {
    padding: 0 20px;
    width: 30%;
    margin-top: 11%;
    font-family: Poppins, "opensansregular", Arial, Helvetica, sans-serif !important;
}


.disableCreateAccountSection{
    display: none;
}

.disableSubmitButton, .disableSubmitButton:hover{
    background-color: #e0e0e0;
    color: white;
    border: none;
    /*display: none;*/
}
.directMailHeading {
    margin-bottom: 0.5em !important;
}
.directMailBodyText {
    color: #54565b;
    margin-bottom: 3.25em;
    text-align: center;
}

.checkNumberFont {
    font-family: 'bankCheckFont', Helvetica, Arial, sans-serif;
}

.checkExampleHeadingText {
    font-size: 10px;
}

.bankingExampleCheckWrap {    
    margin: 0 auto 30px auto; /* Note: This overwrites the AngularInputFields.css and is unique for App V3 */
    padding-top: 50%; /* (svg height / svg width) * width-value       (155px / 310px) * 100% */
    width: 100%;
}




.openSansFont {
    font-family:'opensansregular', "Open Sans", sans-serif, Helvetica, Arial;
}
.openSansLightFont {
    font-family: "opensanslight", "OpenSans-Light", "Open Sans", sans-serif, Helvetica, Arial;
}
.openSansSemiBoldFont {
    font-family: "opensanssemibold", OpenSans-Semibold, Open Sans, sans-serif, Helvetica, Arial;
    font-weight:700;
}

.boldFont {
    font-weight: bold;
}

.applicationSideBarContactSection {
    background-color: #ECEAE8;
    border-radius: 4px 4px;
    border: 1px solid #B8B8B9;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto;
    padding: 30px 8% 22px 8%;
    text-align: center;    
    width: 85%;    
}

.sideBarPhone {
    margin: 0 auto 7px auto;
    overflow: hidden; /* https://codepen.io/fabien-d/details/ZYYyNb */
    /* width: 14.29px; */
}

    .sideBarPhone svg {
        /* width:25px; */
        height: 18px;
    }
.sideBarLock {
    margin: 0 auto 14px auto;
    overflow: hidden; /* https://codepen.io/fabien-d/details/ZYYyNb */
    /* width: 12px;     */
}

    .sideBarLock svg {
        /* width: 25px; */
        height: 16px;
    }

.expandArrow {
    display: inline-block;
    text-decoration: none;
    transform: rotate(180deg);
    transition: transform ease 0.5s;
}
.expandedArrow {
    transform: rotate(0deg);
}
.disclosuresWrap{
    margin-top: 0 !important;
}

.samedayACHContent {
    font-size: 12px;
    color: #7a787a;
    line-height: 1.333333333333333em;
    margin: 1.5em auto 4em auto;
    max-width: 220px;
    text-align: center;    
}

.samedayACHContentTitle {
    color: #54565B;
    font-size: 16px;    
    font-weight: 600;
    margin: 0.75em 0 0 0;
    text-align: center;    
}

.questions {
    font-weight:bold;
    font-size:12px;
    color:#787878;
    margin:.5em;
   line-height: 1.5em;
}

.applyByPhone {
    font-weight:600;
    font-size:16px;
    color:#54565B;
    position: relative;
    bottom: 2px;
    padding-bottom: 10px;
}

.svgLockParagraph {
    position:relative;
    bottom:5px;
}

.secure {
    font-size:12px;
    color:#787878;
    position:relative;
    bottom:11px;
}

.secureLanguage {
    bottom: 20px;
    color: #787878;
    font-size: 12px;
    line-height: 1.333333333333333333333333333em; 
    position: relative;
}

.noLinkAppearance {
    text-decoration: none;
    color: #787878;
    font-weight: normal;
}

.textDecorationNone {
    text-decoration: none;
}

.lineHeight {
    line-height:1.6;
}

.margin5em {
    margin:.5em;
}

.svgPhone {
    padding-top:10px;
}

.applicationAllFieldsWrap,
#Application2AjaxForm {
    margin: 0 auto;
    width: 88%;
}

::-webkit-scrollbar {
    border-left: 1px solid #d5d5d5; /* #d5d5d5; */
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 42px;
    background-color: #929190; /* #ffc423 */
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.appButtonsWrap,
.appSingleButton {
    margin: 3em 0;
}

.logInButtonWrap {
    margin-top: 1.5em;
}

.legalSidebarDisclosureWrap {
    margin: 20px auto 0 auto;
    width: 75%;
}
    .legalSidebarDisclosureWrap p {
        color: #7a787a;  
        font-size: 10px;
        line-height: 1.5em;
    }

.printButtonPadding {
    padding:15px 10px;
    margin:0 auto;
    position:relative;
    min-width:20%;
    text-align:center;
}
.smsPrintButtonPadding {

  padding: 10px;
    margin: 40px auto;
    position: relative;
    min-width: 20%;
    text-align: center;
    left: 40%;
}

.buttonCancel,
.buttonAction,
.buttonCancelWhite {
    border-radius: 8px; /* This overwrites the AngularInputFields.css global button radius. */
}

.appButtonsWrap .buttonCancel,
.appButtonsWrap .buttonCancelWhite {
    display: inline-block;
    margin-right: 2%;
    width: 48%;
}
.appButtonsWrap .buttonAction {
    display: inline-block;
    float: right;
    margin-left: 2%;
    width: 48%;
}

.appSingleButton .buttonCancel,
.appSingleButton .buttonAction,
.appSingleButton .buttonCancelWhite {
    margin: 0 auto;
    width: 100%;
}

.buttonHalfWidthInDesktop {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.appExampleBtnWrap {
    margin-bottom: 14px;
    margin-top: 14px;
}

.loanTypeHeading {
    color: #54565b;
    display: block;
    font-size: 14px;
    margin-bottom: 0.5em;
}
.loanTypeDescription {
    color: #7a787a;
    display: block;
    font-size: 12px;
    line-height: 16px;
}

.depositLabel {
    display: block;
    font-size: 12px;    
    margin-bottom: 0.25em;
}
.appDirectDepositButtons {    
}
    .appDirectDepositButtons button {  
        background-color: #ffffff;
        border: 1px solid #b8b8b9;
        border-radius: 2px;
        box-sizing: border-box;
        color: #54565b;  
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        height: 50px;        
        letter-spacing: 1px;
        width: 50%;
    }
        .appDirectDepositButtons button:first-child {
            border-right: none;
        } 
    .appDirectDepositButtons button.depositSelected {
        background-color: #787878;
        color: #ffffff;          
    }
        .appDirectDepositButtons button::selection {
            background: none !important; /* We do not want a stroke around the button */
        }
        .appDirectDepositButtons button:focus {
            outline: 0;
        }  

.progressCircleGroup {
    margin: 2em auto 4em auto;
    text-align: center;
}

.progressCircleWrap {
    display: inline-block;
    height: 15px;
    margin-right: 0.75em;
    width: 15px;
}

.progressCircleActiveFill {
    fill: #54565B;
}

.progressCircleInactiveFill {
    fill: #eaeaea;
}

.sidebarCircle {
    margin: 0 auto;
    position: relative;
    top: 64%;
    left: 36%;
}

.moneySidebarCircleWrap {    
    height: 76.5px;
    margin: 0 auto;
    width: 83.56px;
}

.moneySidebarCircle {
}

.nav-item {
    display: none;
}

#existingCustomerPopUpWrap {
    max-width: 467px;    
}
    #existingCustomerPopUpWrap .welcomeBackMessage {
        color: #54565b;
        font-size: 16px;
        line-height: 1.5em; /* 24px */
        margin-bottom: 2em;
    }

.existingCustomerEmail {
    max-width: 628px;
}

.existingCustomerPopUpForm {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.forgotPasswordText {
    font-size: 14px;
}
    .forgotPasswordText a {
        color: #dc8027;
        font-weight: 600;
    }
        .forgotPasswordText a:hover,
        .forgotPasswordText a:active {
            color: #f3a91c;
        }

.forgotPasswordLink {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0.5em;    
    text-align: center;
}

.forgotPasswordResponseContent {
    margin: 0 auto;
    max-width: 412px;
}
    .forgotPasswordResponseContent h3 {
        color: #787878;
        font-size: 24px;
        font-weight: bold;
        line-height: 1.375em;
        margin: 0 0 0.25em 0;
        text-align: center;
    }
    .forgotPasswordResponseContent p {
        color: #787878;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.375em;
        margin: 0;
        text-align: center;
    }

#stateRedirectPopUp {    
    max-width: 500px;
}
    #stateRedirectPopUp .eSigPopUpInnerWrap {
        margin: 20px auto;
     }
    #stateRedirectPopUp p {
        color: #54565b;
        font-family:'opensansregular', Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.5em;
        text-align: center;
    }
        #stateRedirectPopUp p .buttonAction {
            display: block;
            font-size: 16px;
            padding: 0.75em 0;
            text-decoration: none;
            width: 100%;
        }

.preLoanDisclosureTXCAB250bwpdlPrintImage, .preLoanDisclosureTXCAB500bwpdlPrintImage, .preLoanDisclosureTXCAB750bwpdlPrintImage, .preLoanDisclosureTXCAB250mpdlPrintImage, .preLoanDisclosureTXCAB500mpdlPrintImage, .preLoanDisclosureTXCAB750mpdlPrintImage, .preLoanDisclosureTXCAB500bwmplPrintImage, .preLoanDisclosureTXCAB700bwmplPrintImage, .preLoanDisclosureTXCAB1000bwmplPrintImage, .preLoanDisclosureTXCAB500mmplPrintImage, .preLoanDisclosureTXCAB700mmplPrintImage, .preLoanDisclosureTXCAB1000mmplPrintImage {
    height:auto;
    max-width: 100%;
    border:0 none;
    vertical-align: middle;
}

.promotionBannerWrap {
    background-color: #3293B8;
    border-radius: 2px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    padding: 10px 30px 30px 30px;
    margin: 0 37px;
    position: relative;
}
    .promotionBannerWrap p {
        color: #ffffff;
        font-family: Poppins, "opensansregular", Arial, Helvetica, sans-serif !important;
        font-size: 16px;
        line-height: 20px;
        margin: 20px 0 0 0;
        text-align: center;
    }
.promotionBannerCloseBtnWrap {
    cursor: pointer;
    height: 11.41px;
    position: absolute;
    right: 16px; 
    width: 11.41px;
}

.finalSubmitDisclosureWrap {
    background-color: #f7f7f7;
    margin: 20px 0 40px 0;
    padding: 16px;
}
    .finalSubmitDisclosureWrap p {
        color: #54565b;
        font-family: Poppins, "opensansregular", Arial, Helvetica, sans-serif !important;
        font-size: 11px;
        line-height: 16px;
        margin: 0;
    }

.applicationWrap .WarningBannerWrap {
    width: 100%;
    border-radius:0px;
}

.eligibilityMessageWrap {
    padding-bottom: 32px;
}

/*Start Drivers License Desktop Styles*/
#captureLicensePopUp {
}
    #captureLicensePopUp .eSigPopUpInnerWrap {
        padding: 30px 40px;
    }
    #captureLicensePopUp h2 {
        color: #54565b;
        font-family: Poppins, "opensansregular", Arial, Helvetica, sans-serif !important;
        font-size: 27px;
        font-weight: normal;
        line-height: 1.2em;
        margin: 0 0 22px 0;
        text-align: center;
    }
    #captureLicensePopUp p {
        color: #54565b;
        font-family: Poppins, "opensansregular", Arial, Helvetica, sans-serif !important;
        font-size: 14px;
        font-weight: normal;
        line-height: 24px;
        margin: 0;
        text-align: left;
    }
    #captureLicensePopUp .leftColumn {
        display: inline-block;
        padding-right: 1%;
        vertical-align: top;
        width: 50%;
    }
    #captureLicensePopUp .rightColumn {
        display: inline-block;
        padding-left: 1%;
        vertical-align: top;
        width: 50%;
    }
    #captureLicensePopUp .noFlashWrap {
        margin: 24px auto 24px auto;
        position: relative;
        text-align: center;
        width: 100%;
    }
        #captureLicensePopUp .noFlashWrap img {
            display: inline-block;
            height: 82px;
            margin-right: 16px;
            position: relative;
            vertical-align: middle;
            width: 82px;
        }
        #captureLicensePopUp .noFlashWrap label {
            color: #54565b;
            display: inline-block;
            font-family: "opensanssemibold", "Open Sans", sans-serif, Helvetica, Arial;
            font-size: 18px;
            font-weight: bold;
            position: relative;
            vertical-align: middle;
        }
    #captureLicensePopUp .licenseThumbnail {
        background-color: #dedede;
        border: 2px solid #54565b;
        border-radius: 16px; 
        cursor: pointer;
        display: block;
        position: relative;
        width: 100%;
    }
        #captureLicensePopUp .licenseThumbnail .licenseThumbnailTextWrap {
            margin: 70px auto;
            max-width: 170px;
        }
            #captureLicensePopUp .licenseThumbnail .licenseThumbnailTextWrap h3 {
                color: #54565b;
                font-family: Poppins, "opensansregular", Arial, Helvetica, sans-serif !important;
                font-size: 32px;
                font-weight: bold;
                line-height: 1.5em;
                margin: 0;
                text-align: center;
            }
    #captureLicensePopUp .actionButtonsWrap {
        margin-top: 40px; 
    }   
    #captureLicensePopUp .twoButtonCancel {            
        text-align: left;        
    }
        #captureLicensePopUp .twoButtonCancel button {
            text-align: center;
            width: 70%;
        }
    #captureLicensePopUp .twoButtonAction { 
        text-align: right;
    }
        #captureLicensePopUp .twoButtonAction button {
            text-align: center;
            width: 70%;
        }
    #captureLicensePopUp .actionButtonWrap {
        margin-top: 40px; 
        text-align: center;
    }
        #captureLicensePopUp .actionButtonWrap .buttonCancel {
            width: 33.3%;
        }
    #captureLicensePopUp .licenseUploadPreview {
        display: block;
    }
        #captureLicensePopUp .licenseUploadPreview img {
            border-radius: 16px; /* Make sure this matches the #captureLicensePopUp .licenseThumbnail border-radius */
            width: 100%;
        }

.drivers_license_con {

}

.drivers_license_2col {

}

.drivers_license_left {
    width:50%;
    float:left;
     padding:0px 10px 20px 0px;
}

.drivers_license_right {
    width:50%;
    float:right;
    padding:0px 0px 20px 0px;
    text-align:right;
}

.drivers_license_text {
    font-size:14px;
    color:#54565b;
}

.drivers_license_btn_con {
}

.drivers_license_btn {
    width:100%;
    background-image: url('../images/drivers_license_btn_icon.png');
    background-repeat:no-repeat;
    background-position: 20px 5px;
}

.drivers_license_result_con {
    padding:30px 0px;
}

.drivers_license_result_table_con {
    border:2px solid #a2a4a6;
}

.drivers_license_table_row {
    padding:5px 0px;
    border-bottom:1px solid #a2a4a6;
    font-size:14px;
    color:#54565b;
}

    .drivers_license_table_row:last-child {
        border-bottom:none;
    }

.drivers_license_table_left {
    width:50%;
    float:left;
    text-align:right;
    padding:0px 5px 0px 0px;
}

.drivers_license_table_right {
    width:50%;
    float:right;
    text-align:left;
    padding:0px 0px 0px 5px;
}

.drivers_license_result_left {
    float:left;
    width:50%;
    padding-right:10px;
}

.drivers_license_result_right {
    float:right;
    width:50%;
    padding-left:10px;
}

.drivers_license_result_img_con {
    padding:0px 0px 20px 0px;
    text-align:center;
}

#driversLicenseSelfie {
    max-height: 400px; /* Fallback for non-CSS3 browsers */
    max-height: 30vh; /* Roughly 30 percent of the screen size */
    max-width: 100%; /* The images we get back from Acuant are very large. This keeps it contained in the popup. */
}

#driversLicenseSignature {
    max-height: 150px; /* Fallback for non-CSS3 browsers */
    max-height: 18vh; /* Roughly 18 percent of the screen size */
    max-width: 100%; /* The images we get back from Acuant are very large. This keeps it contained in the popup. */
}

.drivers_license_result_lable {
    color:#54565b;
    font-size:14px;
    line-height:14px;
    padding-bottom:4px;
}

.drivers_license_result_bnt_cancel {
    width:25%;
}

.drivers_license_result_bnt_try_again {
    width:25%;
    margin:0px 10%;
}

.drivers_license_result_bnt_confirm {
    width:25%;
}
/*End Drivers License Desktop Styles*/

.application_steps_con {
    float:left;
    width:100%;
    margin-bottom:-10px;
    border-bottom:1px solid #e4e5e5;
}

.application_steps_item {
    float:left;
    width:20%;
    min-height: 66px;
    text-align:center;
    border-right:1px solid #e4e5e5;
    padding:10px 0px;
    position: relative;
    cursor:pointer;
}

    .application_steps_item:nth-child(5) {
        border-right:none;
    }

.application_steps_item_active {
    background:#fac329;
}

.application_steps_item_top, .application_steps_item_top_mob {
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:11px;
    padding-bottom: 3px;
}

.application_steps_item_bottom, .application_steps_item_bottom_mob {
    font-size:16px;
    line-height:16px;
}

.application_steps_item_top_mob {
    display:none;
}

.application_steps_item_bottom_mob {
    display:none;
}

.application_steps_mob_arrow {
    display: none;
}

.application_steps_mob_text {
    display:none;
}

.clear{
    clear:both;
}

#enterCardInfoHeading {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}

/* Hide the Google ReCaptcha badge, which is used for the V3 scoring. Instead, the footer will have Google's privacy policy and terms of service. */
.grecaptcha-badge {
    display: none !important;
}

#recaptchaCheckBox {
    overflow-x: hidden; /* The smallest screens cannot fit the full ReCaptcha plugin. */
}

#reCaptchaCheckBoxLogin {
    margin-top: 18px;
}

.lineHeight2em {
    line-height: 2em;
}

.fico-credit-score {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    color: #2D94B6;
    margin-top: 0.25rem;
}

.eSigPopUpInnerWrap, .eSigPopUpPdfInnerWrap {
     padding: 2.5rem; 
}

.learn-about-services {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    line-height: 26px !important;
    text-align: center !important;
    color: #57585D !important;
    margin-top: 2rem;
}

.esign-page-instore-cash-disbursement {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    color: #57585D !important;
    margin-top: -1.3em !important;
    padding-left: 1.3em !important;
}

@media screen and (min-width: 62.5em) {
    .applicationWrap .WarningBannerWrap .warningMessageReadMore {
        width:25%;
    }
}

/************************************************************************************************
***************************************   Desktop Only Styles   *********************************
************************************************************************************************/
@media only screen and (min-width: 800px) {
    .applicationAllFieldsWrap,
    #Application2AjaxForm {
        width: 78%;
    }

    .inputFieldWithCalendar {
        width: 90%;
    }

    .calendarWrap {
        width: 10%;
    }

    .logo_center {
        display: none;
    }
    /* hide the question section on the desktop mode*/
    #QuestionSection {
        display: none;
    }
}/***************************************  End Desktop Only Styles   ***************************************/


/************************************************************************************************
***************************************   Laptop Styles   ***************************************
***********************************************************************************************
    TO DO - We may end up deleting this query:
@media only screen and (max-width: 1000px) {
    .mediaQueryMeasurement {
        color: rgb(25, 25, 25); 
    } 
        
} */ 
/***************************************  End Laptop Styles   ***************************************/

/*Responsive styles for Steps*/
@media only screen and (max-wdith:1000px) {
    .application_steps_item {
        min-height:66px;
    }
    .application_steps_item_bottom {
        font-size:14px;
        line-height:14px;
    }
}

@media only screen and (max-width:550px) {
    .application_steps_br {
        display: none;
    }

    .application_steps_item {
        min-height:auto;
    }

    .application_steps_item_mobhide {
        display: none;
    }

    .application_steps_item {
        width: 100%;
    }

    .application_steps_item_bottom {
        display:none;
    }
    .application_steps_item_top {
        display:none;
    }
    .application_steps_item_top {
        display:none;
    }

    .application_steps_item_top_mob {
        display:block;
    }

    .application_steps_item_bottom_mob {
        display:block;
    }

    .application_steps_mob_text {
        display: inline-block;
        padding-left: 4px;
    }
    .application_steps_mob_arrow_left, .application_steps_mob_arrow_right {
        display:block;
        position:absolute;
        top: 11px;
        padding:9px;
    }

    .application_steps_mob_arrow_left {
        left:4em;
    }

    .application_steps_mob_arrow_right {
        right: 4em;
    }

    .application_steps_mob_arrow {
        border: solid #464646;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 10px;
    }

    .application_steps_mob_arrow.right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .application_steps_mob_arrow.left {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

    .application_steps_mob_arrow.up {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

    .application_steps_mob_arrow.down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    #progressbarTitle li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 8px;
      position: relative;
      text-align: center;
      white-space: nowrap;
    
   }
        #progressbarTitle li.active {
            font-weight: bold;
            font-size: 12px;
        }
}



/************************************************************************************************
***************************************   Tablet Styles   ***************************************
************************************************************************************************/
@media only screen and (max-width: 800px) {
    .pageWrap {
        width: 100%;
    }

    .applicationSideBar {
        display: none;
    }

    .applicationMobileHeader {
        background: #2D94B6;
        display: block;
        width: 100%;
        text-align: center;
        vertical-align: bottom;
        font-weight: bold;
        color: white;
        position: relative;
        padding: 15px;
    }
        .applicationMobileHeader a {
            color: #ffffff;
            text-decoration: none;            
            display: inline-flex;
        }
        .applicationMobileHeader p {
            margin-top: 15px;
        }
    .chevron::before {
        border-style: solid;
        border-width: 2px 2px 0 0;
        border-color: #FFFFFF;
        content: '';
        display: inline-block;
        height: 10px;
        position: relative;
        top: 1px;
        vertical-align: top;
        width: 10px;
        left: 10px;
    }

    .chevron.top:before {
        top: 7px;
        transform: rotate(-45deg);
    }

    .chevron.bottom:before {
        top: 1px;
        transform: rotate(135deg);
    }

    .applicationWrap {
        border: none;
        width: 100%;
    }
    
    #captureLicensePopUp .eSigPopUpInnerWrap {
        padding: 30px;
    }
    #captureLicensePopUp .leftColumn {
        display: block;
        margin-bottom: 16px;
        margin-top: 20px;
        padding-right: 0;
        width: 100%;
    }
    #captureLicensePopUp .rightColumn {
        display: block;
        margin-bottom: 16px;
        padding-left: 0;
        width: 100%;
    }

    #captureLicensePopUp .twoButtonCancel,
    #captureLicensePopUp .twoButtonAction { 
        text-align: center;
        width: 100%;   
    }
        #captureLicensePopUp .twoButtonCancel button, 
        #captureLicensePopUp .twoButtonAction button {
            width: 100%;
    }
    
    .drivers_license_left{
        width:100%;
        float:none;
        padding: 0 0 10px 0;
    }

    .drivers_license_right {
        width:100%;
        float:none;
        padding:0px 0px 20px 0px;
    }

    .drivers_license_text {
        text-align:center;
        max-width:400px;
        margin:0px auto;
    }

    .drivers_license_btn {
        background-position:30% 5px;
    }

    .drivers_license_result_left, .drivers_license_result_right{
        width:100%;
        float:none;
        padding:0px 0px 0px 0px;
    }

    .drivers_license_result_left {
        padding:0px 0px 20px 0px;
    }

    #captureLicensePopUp .actionButtonWrap .buttonCancel,
    #captureLicensePopUp .actionButtonWrap .buttonCancelWhite {
            width: 50%;
        }

} /***************************************  End Tablet Styles   ***************************************/

  @media only screen and (max-width: 800px) and (min-width: 551px) {
      #designstudio-button{
          top: 160px! important;
    }
}

/************************************************************************************************
***************************************   Mobile Styles   ***************************************
************************************************************************************************/

@media only screen and (max-width: 550px) {
    .mobileOnly {
        display: block;
    }

    .appButtonsWrap .buttonCancel,
    .appButtonsWrap .buttonCancelWhite {
        display: block;
        float: none;        
        margin-right: 0;        
        width: 100%;
    }
    .appButtonsWrap .buttonAction {
        display: block;
        float: none;
        margin-bottom: 20px;
        margin-left: 0;        
        width: 100%;
    }

    .buttonHalfWidthInDesktop {
        width: 100%;
    }

    .openSansSemiBoldFontABA {
        font-family: Poppins, "opensansregular", Arial, Helvetica, sans-serif !important;
        font-weight: 700;
        isolation: isolate;
        font-size: 8.75px;
        fill: #fff;
        letter-spacing: 0.019987792993590082em
    }

    /* Pay field styling (mobile) - these have a box for the dollar sign and a box for cents: */
    .inputPayDollarBox {
        width: 11%;
    }
    .inputField .inputPayTextField {
        width: 75%;
    }
    .inputPayCentsBox {
        width: 14%;
    }

    #existingCustomerPopUpWrap .welcomeBackMessage {
        font-size: 14px;
    }
    .existingCustomerPopUpForm {
        width: 100%;
    }

    .products_header 
    {	
        text-align:center;
    }

       .products_sub_header {
        text-align:center;
    }

    
    .promotionBannerWrap {
        margin: 0; /* The banner background should touch the left and right edges in mobile */
        padding-left: 20px; /* Less padding in mobile */
        padding-right: 20px;
    }

    #captureLicensePopUp .eSigPopUpInnerWrap {
        padding: 20px;
    }    
    #captureLicensePopUp .noFlashWrap {
        margin: 10px auto 10px auto;
    }
        #captureLicensePopUp .noFlashWrap img {
            display: block;
            margin: 0 auto;        
        }
        #captureLicensePopUp .noFlashWrap label {        
            display: block;
            line-height: 1.33em;
            margin-top: 10px;
        }

    .drivers_license_btn {
        background-position:20px 5px;
    }

    .drivers_license_result_bnt_cancel {
        width:100%;
        margin:0px 0px 20px 0px
    }

    .drivers_license_result_bnt_try_again {
        width:100%;
        margin:0px 0px 20px 0px;
    }

    .drivers_license_result_bnt_confirm {
        width:100%;
    }

    #captureLicensePopUp .actionButtonWrap .buttonCancel,
    #captureLicensePopUp .actionButtonWrap .buttonCancelWhite {
            width: 100%;
        }

    #designstudio-button {
        top: 18%!important;
    }   
} /***************************************  End Mobile Styles   ***************************************/


@media only screen and (max-width: 799px) {
   .SSNFieldPDiv{
        margin-right: 8px;
    }
    .ssnField hr {
        margin-right: 8px;
    }
    .ssnFieldlogoPtext {
        width: 98%;
        line-height: 1.5em;
        margin-top: 0px;
        margin-right: 16px;
    }

    .mdl-textfield-ssn {
        width: 75%;
    }
   

    .p-textfield-margin {
        line-height: 1.25em;
    }

    .logo_center{
        margin-left: 10px;
    }
    .applicationWrap .headingTopText{
        font-size: 20px;
    }
    #progressbar ul {
        width: 100%;
        margin: auto;
        display: inline-table;
    }

    #progressbar li {
        display: inline;
        width: 25%;
        margin-bottom: 1.25em;
    } 
    
} /***************************************  End Mobile Styles   ***************************************/





  /*Specific Styling for Driver License*/
@media only screen and (max-width: 1000px) and (min-width:800px) {
    .drivers_license_btn {
        background-position:5px 5px;
    }
}


@media only screen and (max-width: 400px) {
    .drivers_license_table_left, .drivers_license_table_right {
    width:100%;
    float:none;
    text-align:center;
    padding:0px 0px 0px 0px;
    }
}


@media only screen and (max-width: 330px) {
    .drivers_license_btn {
        background-position:5px 5px;
    }
}

/* Print outs only: */
@media print {
    /* This hides the HELP button, which covers up some of the disclosure text: */
    #designstudio-button {
        display: none;
    }
}
.finalSubmitDisclosureWrap_newApp {
    text-align: center;
    margin-top: -2em;
    color: #555555;
}

    .finalSubmitDisclosureWrap_newApp p {
        font-size: 11px;
        line-height: 12px;
        font-weight:bold;
    }
/*new product-  channel style starts here*/
.productValidationError {
    float: left;
    width: 100%;
}
.products_header {
    height: 37px;
    color: #555555;
    font-family: Poppins, "opensansregular", Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    display: table-footer-group;
}

.products_sub_header {
    height: 24px;
    color: #555555;
    font-family: Poppins, "opensansregular", Arial, Helvetica, sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.rectangle_product {
    width: 48%;
    height: 280px;
    border: 2px solid #979797;
    border-radius: 8px;
    text-align: center;
    float: left;
    /*overflow:hidden;
        font-family:'opensansregular';*/
    margin: 1%;
    /*margin-bottom:5px;*/
    display: grid;
    background-color: #ECFBFF;
    outline: none;
}

.rectangle_product_active {
    width: 48%;
    height: 280px;
    border: 2px solid #979797;
    border-radius: 8px;
    text-align: center;
    float: left;
    color: white;
    margin: 1%;
    display: grid;
    background-color: #2093B6;
     outline: none;
}

    /*.rectangle_product p {
        margin:15px;
    }*/

    /*.rectangle_product_active p {
        margin:15px;
    }*/

.rectangle_product_title {
    color: #2093B6;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 21px;
}

.rectangle_product_title_active {
    color: white;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 21px;
}

.rectangle_product_title_LoanAmount {
    color: #2093B6;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 21px;
    margin-top: -1.5em;
}

.rectangle_product_title_LoanAmount_active {
    color: white;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 21px;
    margin-top: -1.5em;
}  

.rectangle_product_desc {
    font-size: 12px;
    line-height: 15px;
    height: 80px;
    color: #333333;
    margin-left: 15px;
    margin-right: 15px;
}
    .rectangle_product_desc_active {
        font-size:12px;
        font-weight:bold;
        line-height:15px;
        height: 80px;
    }

    .product_icon {            
            width: 80px;
            height: 80px;
            margin:auto;
            margin-top:2em;
            /*padding:5px;*/
   }
.user-name {
    height: 22px;
    width: 89px;
    color: #555555;
    font-family: Poppins, "opensansregular", Arial, Helvetica, sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    white-space: nowrap;
}
    .my-email-displays-here 
          {
             height: 22px; 
             width: 100%;
             color: #555555;
             font-family:'opensansregular'; 
             font-size: 16px; 
             line-height: 22px;
           }
.we-offer-same-day-fu {
    color: #555555;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0.4em !important;
    margin: 0,0,16px;
    line-height: 24px
}

.get-your-money-faste {
    color: #555555;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2em !important;
}
.sidebar {
    height: 383px;
}

.path2 {
    box-sizing: border-box;
    height: 1px;
    border: 1px solid #FFC429;
}

.question {
    height: 40px;
    color: #555555;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}
    .callus {	
        height: 22px;	
        color: #54565A;	
        font-size: 16px;	
        font-weight: bold;	
        line-height: 22px;

    }
    .we-ve-got-you-covered 
    {	
        height: 32px;	
        color: #54565A;	
        font-size: 16px;	
        font-weight: bold;	
        line-height: 22px;

    }
    .anyinformation 
            {	
        height: 38px;	
        color: #555555;	
       font-family:'opensansregular';
        font-size: 14px;	
        font-weight: bold;	
        line-height: 19px;

    }
     .blueIcon svg .cls-phone{
         fill: #2093B6
     }
      .bluepadlock svg .cls-padlock{
         fill: #2093B6
     }
      .brownIcon svg .cls-phone{
         fill: #464646
     }
    .blueBoldText {
        font-weight:bold;
        color:#2093B6;
        font-size:16px;
        line-height:22px;
    }
    .brownBoldText {
        font-weight:bold;
        color:#464646; 
        font-size:18px;
        line-height:24px;
   }
    .txtAlignCenter {
        text-align:center;
    }
    .bgColorOfQuestionSection {
        background:#EDEDED;
        text-align:center;
        padding-top:20px;
        padding-bottom:20px;
    }

.sidebar .sidebarItem {
    padding-bottom: 2em;
    border-bottom: 2px solid #FFC429;
}
    .sidebar .sidebarItem h1 {
        margin: 0;
        color: #54565A;
        font-size: 18px;
        font-weight: bold;
        line-height: 35px;
    }
    .sidebar .sidebarItem p {
        color: #555555;
        font-size: 14px;
        line-height: 18px;
        margin: 0px;
    }

/*new product-  channel style starts here*/
body {
    font-family: "opensansregular", "opensansregular", sans-serif, Helvetica, Arial;
}

.InstantFundingNoteOnRepeatApp {
    font-size: 16px;
    color: #555555;
}

.radioButton {
    -webkit-appearance: button;
    -moz-appearance: none;
    appearance: button;
    border: 1px solid #979797;
    background: #D8D8D8;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: 0;
}

    .radioButton:checked {
        border: 7px solid #3293B8;
    }

.InstantFundingMiniRadioButtons {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: 1px solid #979797;
    background: #D8D8D8;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

    .InstantFundingMiniRadioButtons:checked {
        border: 4px solid #3293B8;
    }

.DAC_accountDetails {
    margin-top: 1.5em;
    margin-bottom: 2.5em;
}

.DAC_Continue {
    border-radius: 3px;
    background-color: #3293B8;
    width: 100%;
    height: 44px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 !important;
}

.DACMarginBottom {
    margin-bottom: 1em;
}

.DACDisclosure {
    font-size: 10px;
    color: #555555;
    /* width: 275px; A fixed width is causing text to cut off the screen on mobile. */
    line-height: 19px;
}

.DACTabapayAdditionalField {
    font-size: 16px;
    color: #57585D;
}

.debitCardIconSvg {
    vertical-align: middle;
}

/*[type="radio"]:checked,
 [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

     [type="radio"]:checked + label,
     [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
    }

         [type="radio"]:checked + label:before,
         [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 1px solid #d8d8d8;
            border-radius: 100%;
            background-color: #d8d8d8;
        }

        [type="radio"]:checked + label:after,
         [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background-color: #2193B6;
            position: absolute;
            top: 4px;
            left: 4px;
            border: 1px solid #2193B6;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }*/

.debitCardYesNoWrap[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.debitCardYesNoWrap[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.debitCardYesNoWrap {
    padding-bottom: 20px;
}

.customer_account_details_tabapay_input {
    width: 100%;
    height: 2em;
    font-size: 14px;
    color: #555555;
    padding-left: 2px;
    border: 1px solid #CECECE;
    background-color: #F0F0F0 !important;
}

#DAC_nameOnCard {
    width: 100%;
}


.zeroAuthErrorMessageResponseStyle {
    color: #c60909;
    font-size: 14px;
}

.InstandFundingStylesError [type="radio"]:checked + label:before,
.InstandFundingStylesError [type="radio"]:not(:checked) + label:before {
    border: 3px solid #c1272d;
}

.InstandFundingStyles {
    /*margin-right: 20px;*/
    display: inline;
}

.existingCardWrap {
    margin-bottom: 20px !important;
}

.InstantFundingHeader {
    font-size: 16px;
    color: #555555;
    line-height: 22px;
    font-weight: bold;
    margin: 10px 0;
}

.InstantFundingP {
    color: #555555;
    font-size: 14px;
}

.InstandFundingStyles label {
    color: #555555;
    font-weight: bold;
    font-size: 16px;
    vertical-align: super;
}

#instantFundingYesNoErrorMessage p {
    margin: 1em 0;
}

.InstantFundingDebitCardTexts {
    margin: 2em 0 0 0;
    color: #555555;
    font-size: 14px;
}

.InstantFundingHref {
    color: #2193B6;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

.cardIcon {
    background-color: gray;
}

.InstantFundingLines {
    border: 1px solid #D8D8D8 !important;
    margin-top: 0 !important;
}

.customer_account_details_tabapay_Select_option_MM {
    width: 60% !important;
    height: 2em;
    font-size: 14px;
    color: #555555;
    padding-left: 2px;
    border: 1px dashed #CECECE;
    background-color: #F0F0F0 !important;
}

.customer_account_details_tabapay_Select_option_YYYY {
    margin-left: 1em;
    width: calc(40% - 1em);
    height: 2em;
    font-size: 14px;
    color: #555555;
    padding-left: 2px;
    border: 1px dashed #CECECE;
    background-color: #F0F0F0 !important;
}
/* InstantFunding Banner */
.ifbRectangle {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    border: 4px solid #3293B8;
    background-color: #3293B8;
    position: relative;
    padding: 5px;
}

.instant-funding-on-color-bg {
    height: 56px;
    width: 126px;
    float: left;
}

.InlineBlocKBanner {
    display: inline-block;
    width: 68%;
    vertical-align: top;
}

.get-money-instantly {
    height: 44px;
    width: 420px;
    color: #FFFFFF;
    font-family: "opensansregular";
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 21px;
}

.get-money-instantly-desktop {
    color: #FFFFFF;
    font-family: "opensansregular";
    font-size: 16px;
    font-weight: 600;
    margin: 0 !important;
}

.may-not-be-available-desktop {
    margin: 0 !important;
    color: #FFFFFF;
    font-family: "opensansregular";
    font-size: 11px;
}

.may-not-be-available-mobile {
    color: #FFFFFF;
    font-family: "opensansregular";
    font-size: 11px;
}

.IFBannerImg {
    display: inline-block;
    width: 30%;
    vertical-align: super;
}

.imgCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin: 15px;
}

.first-name-welcome {
    color: #333333;
    font-family: "opensansregular";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin-top: 10px;
}

.apply-for-a-loan {
    color: #333333;
    font-family: "opensansregular";
    font-size: 24px;
    font-weight: bold;
    line-height: 33px;
}

.sbr-get-money-instantly {
    color: #555555;
    font-family: "opensansregular";
    font-size: 14px;
    line-height: 18px;
    word-wrap: break-word;
}

.sbr-get-money-instantly-bold {
    color: #555555;
    font-family: "opensansregular";
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    word-wrap: break-word;
}

.sbr-may-not-be-available {
    color: #555555;
    font-family: "opensansregular";
    font-size: 10px;
    line-height: 30px;
    word-wrap: break-word;
    margin-top: 0px !important;
}

.repayIframeClass {
    border: none;
    height: 920px;
    width: 100%
}

.tabapayIframeClass {
    border: none;
    height: 360px;
    width: 100%
}

.repayIframeClass {
    border: none;
    height: 920px;
    width: 100%
}

.tabapayIframeClass {
    border: none;
    height: 360px;
    width: 100%
}

/* end of Instant funding banner styles*/

/************************************************************************************************
***************************************   Mobile Styles   ***************************************
************************************************************************************************/
@media only screen and (max-width: 550px) {
    .instant-funding-on-color-bg {
        height: 40px;
        width: 85px;
        float: left;
    }

    .IFBannerImg {
        vertical-align: top;
    }

    .get-money-instantly-desktop {
        line-height: 18px;
        font-size: 13px;
    }

    .may-not-be-available-desktop {
        font-size: 9px;
    }
    /*#showInstantFundingBannerDesktop {
        display: none;
    }

    #showInstantFundingBannerMobile {
        display: block;
    }*/
}


/*css last one wins rule*/

@media only screen and (min-width: 280px) and (max-width: 654px) {
    .repayIframeClass {
        height: 1020px;
        width: 97%;
@media only screen and (min-width: 280px) and (max-width: 767px) {
    .repayIframe {
        height: 179%;
    }
    .tabapayIframeClass{
        height:285px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 570px) {
    .repayIframeClass {
        height: 1000px;
        width: 98%;
}
@media only screen and (min-width: 320px) and (max-width: 57px) {
    .repayIframe {
        height: 197%;
    }
    .tabapayIframeClass {
        height: 285px;
    }
}
@media only screen and (min-width: 360px) and (max-width: 640px) {
    .repayIframeClass {
        height: 920px;
        width: 98%;
    }
    .tabapayIframeClass {
        height: 285px;
    }
}
@media only screen and (min-width: 370px) and (max-width: 840px) {
    .repayIframeClass {
        height: 920px;
        width: 98%;
    }
}
/*@media only screen and (min-width: 410px) and (max-width: 840px) {
    .repayIframe {
        height: 139%;

/*css last one wins rule*/

@media only screen and (min-width: 280px) and (max-width: 654px) {
    .repayIframeClass {
        height: 1020px;
        width: 97%;
    }
    .tabapayIframeClass{
        height:360px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 570px) {
    .repayIframeClass {
        height: 1000px;
        width: 98%;
    }
    .tabapayIframeClass {
        height: 360px;
    }
}
@media only screen and (min-width: 360px) and (max-width: 640px) {
    .repayIframeClass {
        height: 920px;
        width: 98%;
    }
    .tabapayIframeClass {
        height: 360px;
    }
}
@media only screen and (min-width: 370px) and (max-width: 840px) {
    .repayIframeClass {
        height: 920px;
        width: 98%;
    }
    .tabapayIframeClass {
        height: 360px;
    }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
    .repayIframeClass {
        height: 980px;
        width: 98%;
    }
    .tabapayIframeClass {
        height: 360px;
    }
}
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .repayIframeClass {
        height: 980px;
        width: 98%;
    }
    .tabapayIframeClass {
        height: 360px;
    }
}
@media only screen and (min-width: 410px) and (max-width: 740px) {
    .repayIframeClass {
        height: 980px;
        width: 97%;
    }
    .tabapayIframeClass {
        height: 360px;
    }
}
@media only screen and (min-width: 540px) and (max-width: 740px) {
    .repayIframeClass {
        height: 920px;
        width: 98%;
    }
    .tabapayIframeClass {
        height: 360px;
    }
}*/

@media only screen and (min-width: 360px) and (max-width: 767px) {
    .repayIframeClass {
        height: 980px;
        width: 98%;
    }
    .tabapayIframeClass {
        height: 285px;
    }
}
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .repayIframeClass {
        height: 980px;
        width: 98%;
    }
    .tabapayIframeClass {
        height: 285px;
    }
}
@media only screen and (min-width: 410px) and (max-width: 740px) {
    .repayIframeClass {
        height: 980px;
        width: 97%;
    }
    .tabapayIframeClass {
        height: 285px;
    }
}
@media only screen and (min-width: 540px) and (max-width: 740px) {
    .repayIframeClass {
        height: 920px;
        width: 98%;
    }
    .tabapayIframeClass {
        height: 285px;
    }
}

/*iphone % only*/
@media screen and (device-aspect-ratio: 2/3) {
    .IFBannerImg {
        width: 33%;
    }

    .InlineBlocKBanner {
        width: 65%;
    }
}

/***************************************  End Mobile Styles   ***************************************/


/************************************************************************************************
***************************************   Tablet Styles   ***************************************
************************************************************************************************/

@media only screen and (min-width: 767px) and (max-width: 1025px) {
    #showInstantFundingBannerDesktop {
        display: block;
    }

    .IFBannerImg {
        width: 20%
    }

    #showInstantFundingBannerMobile {
        display: none;
    }
    .repayIframeClass {
        height: 920px;
        width:96.8%;
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1370px) {
    .repayIframeClass {
        height: 940px;
        width: 99%
    }
    .repayIframe {
        height: 100%;
        width:98%;
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1370px) {
    .repayIframeClass {
        height: 940px;
        width: 98%
    }
}

/***************************************  End Tablet Styles   ***************************************/


/************************************************************************************************
***************************************   Desktop Only Styles   *********************************
************************************************************************************************/
@media only screen and (min-width: 800px) {

    #showInstantFundingBannerDesktop {
        display: block;
    }

    #showInstantFundingBannerMobile {
        display: none;
    }
    .repayIframeClass {
        height: 920px;
        width: 97.8%;
    }
    .repayIframe {
        height: 140%;
        width: 98%;
    }
    .repayIframeClass {
        height: 920px;
        width: 97.8%;
    }
}
@media only screen and (min-width: 940px) {
    .IFBannerImg {
        padding-left: 10px;
        width: 23%;
    }

    .InlineBlocKBanner {
        width: 73%;
    }
    .repayIframeClass {
        height: 1100px;
        width: 95.5%;
    }
    .tabapayIframeClass{
        height:360px;
        width:99%;
    }
}

/*iphone device exceeded th desktop interms of pixels we need revisit*/
@media only screen and (min-width: 1023px) and (max-height: 1370px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .repayIframeClass {
        height: 920px;
        width:98%
    }
    .tabapayIframeClass {
        height: 360px;
        width: 99%;
    }
}
/***************************************  End Desktop Only Styles   ***************************************/