@media screen and (max-width:820px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    .pdf-content {
        zoom: 80% !important;
    }
}

body.ob-app {
    font-size: 20px;
    padding: 0 10px;
}
body.ob-app > .container-fluid { max-width: 1440px; }


body.ob-app h1.banner {
    margin-left: -15px;
    margin-right: -15px;
    padding: 25px 15px;
    font-size: 2.2em;
}
body.ob-app h2, body.ob-app .h2 {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 600;
}
body.ob-app .brand { padding-top: 20px; position: relative; margin-left: -15px; margin-right: -15px;}
body.ob-app .brand > div { display: inline-block; padding-top: 2px; vertical-align: top; }
body.ob-app .brand h2 { margin: 0 0 8px 0; }
body.ob-app .brand .logo { height: 85px; }
body.ob-app .brand .brand-right { position: absolute; right: 0px; text-align: right; }

body.ob-app .title {
    font-size: 1.2em;
    font-weight: 600;
    border-bottom: 1px solid;
}

body.ob-app .btn { color: #fff; text-transform: none; }
body.ob-app .btn.btn-lg { font-size: 1em; }

body.ob-app .button-prompt.button-list { width: 400px; }

body.ob-app .info-header { margin: 0px -15px 10px -15px; padding: 10px 0; }

/* handle not-bootstrap standard font sizes */
body.ob-app .form-control.form-control-has-prefix { padding-left: 36px; }
body.ob-app .has-feedback label ~ .form-control-feedback { top: 35px; } /* label is 28, margin 5, border 1, offset 1 = 35*/
body.ob-app .form-control {
    font-size: 18px;
    line-height: 26px;
    height: 38px;
}

body.ob-app .align-formgroup-input { 
    padding-top: 33px; /* label line-height + label bottom margin*/
}

body.ob-app .panel-heading {text-transform: uppercase;font-size: 1em;}
body.ob-app .panel-full-page { margin-right: -15px; margin-left: -15px;}
body.ob-app input { text-transform: uppercase; }

body.ob-app .btn-tile { width: 100%; }

/* tablet: Fix button size on a tablet when it is Landscape. Dimensions are 1280x800 but giving it a little buffer. */
@media screen and (min-width: 1200px) and (max-height: 820px) {
    body.ob-app .btn-tile { width: 80%; }
}

.row .col-pdf { height: 700px; }

.pdf-cap { background-color: #ccc; padding: 15px; }
.pdf-content {
    border: 1px solid #ccc;
    height: 500px;
    width: 100%;
    overflow-y:scroll; 
}
body.ob-app .pdf-root { margin-bottom: 15px; }

body.ob-app .page-link .continue-link a {
    margin-right: 15px; /* mathces panel footer padding */
}


/* branding - titlemax */
body.ob-app.ob-tm { font-family: 'Source Sans Pro'; }
body.ob-app.ob-tm h1.banner {  background-color: #1d2755; color: #fff; }
body.ob-app.ob-tm h2, body.ob-app.ob-tm .h2 { color: #00529B; }
body.ob-app.ob-tm h2.banner {  background-color: #1d2755; color: #fff; }
body.ob-app.ob-tm .title { color: #00529B; border-color: #00529B; }
body.ob-app.ob-tm .btn-primary {background-color: #00529b;}
body.ob-app.ob-tm .btn.btn-primary { background-color: #00529b; }
body.ob-app.ob-tm .btn.btn-secondary { background-color: #39b54a; }
body.ob-app.ob-tm .btn-tile .fa-mask { color: #00529b; }
body.ob-app.ob-tm .panel-primary > .panel-heading  { background-color: #1d2755; }
body.ob-app.ob-tm .panel-primary, body.ob-app.ob-tm .panel-primary > .panel-heading { border-color: #1d2755; }
body.ob-app.ob-tm .fa-primary { color:#00529b; }
body.ob-app.ob-tm .fa-primary .fa-inverse { color:#fff; }
body.ob-app.ob-tm .tooltip-inner  { background-color: #00529b; color: #fff; }
body.ob-app.ob-tm .tooltip.right .tooltip-arrow { border-right-color: #00529b;}

/* branding - titlebucks */
body.ob-app.ob-tb .brand .logo { visibility: hidden; }
body.ob-app.ob-tb { font-family: 'PT Sans', sans-serif; color: #0f1011 }
body.ob-app.ob-tb h1.banner { font-family: 'Francois One', sans-serif; background-color: #77bb43; }
body.ob-app.ob-tb h2, body.ob-app.ob-tb .h2 { color: #77bb43; }
body.ob-app.ob-tb .title { color: #77bb43; border-color: #77bb43; }
body.ob-app.ob-tb .btn.btn-primary { background-color: #77bb43; }
body.ob-app.ob-tb .btn.btn-secondary { background-color: #77bb43; }
body.ob-app.ob-tb .tooltip-inner  { background-color: #77bb43; color: #fff; }
body.ob-app.ob-tb .tooltip.right .tooltip-arrow { border-right-color: #77bb43;}

/* branding - instaloan */
body.ob-app.ob-il { font-family: 'PT Sans', sans-serif; color: #0f1011 }
body.ob-app.ob-il h1.banner { font-family: 'Francois One', sans-serif; background-color: #77bb43; }
body.ob-app.ob-il h2, body.ob-app.ob-il .h2 { color: #77bb43; }
body.ob-app.ob-il .title { color: #77bb43; border-color: #77bb43; }
body.ob-app.ob-il .btn.btn-primary { background-color: #77bb43; }
body.ob-app.ob-il .btn.btn-secondary { background-color: #77bb43; }
body.ob-app.ob-il .tooltip-inner  { background-color: #77bb43; color: #fff; }
body.ob-app.ob-il .tooltip.right .tooltip-arrow { border-right-color: #77bb43;}

/* branding - titlemax loans */
body.ob-app.ob-tl { font-family: 'Source Sans Pro'; }
body.ob-app.ob-tl h1.banner {  background-color: #1d2755; color: #fff; }
body.ob-app.ob-tl h2, body.ob-app.ob-tl .h2 { color: #00529B; }
body.ob-app.ob-tl h2.banner {  background-color: #1d2755; color: #fff; }
body.ob-app.ob-tl .title { color: #00529B; border-color: #00529B; }
body.ob-app.ob-tl .btn.btn-primary { background-color: #00529b; }
body.ob-app.ob-tl .btn.btn-secondary { background-color: #39b54a; }
body.ob-app.ob-tl .btn-tile .fa-mask { color: #00529b; }
body.ob-app.ob-tl .panel-primary > .panel-heading  { background-color: #1d2755; }
body.ob-app.ob-tl .panel-primary, body.ob-app.ob-tl .panel-primary > .panel-heading { border-color: #1d2755; }
body.ob-app.ob-tl .fa-primary { color:#00529b; }
body.ob-app.ob-tl .fa-primary .fa-inverse { color:#fff; }
body.ob-app.ob-tl .tooltip-inner  { background-color: #00529b; color: #fff; }
body.ob-app.ob-tl .tooltip.right .tooltip-arrow { border-right-color: #00529b;}

/* branding - easymoney loans */
body.ob-app.ob-em {
    font-family: 'Source Sans Pro';
}
body.ob-app.ob-em h1.banner {
    background-color: #000000;
    color: #fff;
}
body.ob-app.ob-em .brand .logo { height: 60px; }
body.ob-app.ob-em h2, body.ob-app.ob-em .h2 {color: #4B8B40;}
body.ob-app.ob-em h2.banner {
    background-color: #4B8B40;
    color: #fff;
}
body.ob-app.ob-em .title { color: #00529B; border-color: #00529B; }
body.ob-app.ob-em .btn.btn-primary { background-color: #4B8B40; }
body.ob-app.ob-em .btn.btn-secondary { background-color: #39b54a; }
body.ob-app.ob-em .btn-tile .fa-mask { color: #00529b; }
body.ob-app.ob-em .panel-primary > .panel-heading  { background-color: #1d2755; }
body.ob-app.ob-em .panel-primary, body.ob-app.ob-em .panel-primary > .panel-heading { border-color: #1d2755; }
body.ob-app.ob-em .fa-primary { color:#00529b; }
body.ob-app.ob-em .fa-primary .fa-inverse { color:#fff; }
body.ob-app.ob-em .tooltip-inner  { background-color: #00529b; color: #fff; }
body.ob-app.ob-em .tooltip.right .tooltip-arrow { border-right-color: #00529b;}

/* branding - CheckIntoCash loans */
body.ob-app.ob-cic {
    font-family: 'Source Sans Pro';
}
body.ob-app.ob-cic h1.banner {
    background-color: #25836b;
    color: #fff;
}
body.ob-app.ob-cic h2, body.ob-app.ob-cic .h2 {color: #25836b;}
body.ob-app.ob-cic h2.banner {
    background-color: #25836b;
    color: #fff;
}
body.ob-app.ob-cic .title { color: #00529B; border-color: #00529B; }
body.ob-app.ob-cic .btn.btn-primary { background-color: #25836b; }
body.ob-app.ob-cic .btn.btn-secondary { background-color: #39b54a; }
body.ob-app.ob-cic .btn-tile .fa-mask { color: #00529b; }
body.ob-app.ob-cic .panel-primary > .panel-heading  { background-color: #1d2755; }
body.ob-app.ob-cic .panel-primary, body.ob-app.ob-cic .panel-primary > .panel-heading { border-color: #1d2755; }
body.ob-app.ob-cic .fa-primary { color:#00529b; }
body.ob-app.ob-cic .fa-primary .fa-inverse { color:#fff; }
body.ob-app.ob-cic .tooltip-inner  { background-color: #00529b; color: #fff; }
body.ob-app.ob-cic .tooltip.right .tooltip-arrow { border-right-color: #00529b;}

/* branding - Check$mart loans */
body.ob-app.ob-cs {
    font-family: 'Source Sans Pro';
}
body.ob-app.ob-cs h1.banner {
    background-color: #198074;
    color: #fff;
}
body.ob-app.ob-cs h2, body.ob-app.ob-cs .h2 {color: #198074;}
body.ob-app.ob-cs h2.banner {
    background-color: #198074;
    color: #fff;
}
body.ob-app.ob-cs .title { color: #00529B; border-color: #00529B; }
body.ob-app.ob-cs .btn.btn-primary { background-color: #198074; }
body.ob-app.ob-cs .btn.btn-secondary { background-color: #39b54a; }
body.ob-app.ob-cs .btn-tile .fa-mask { color: #00529b; }
body.ob-app.ob-cs .panel-primary > .panel-heading  { background-color: #1d2755; }
body.ob-app.ob-cs .panel-primary, body.ob-app.ob-cs .panel-primary > .panel-heading { border-color: #1d2755; }
body.ob-app.ob-cs .fa-primary { color:#00529b; }
body.ob-app.ob-cs .fa-primary .fa-inverse { color:#fff; }
body.ob-app.ob-cs .tooltip-inner  { background-color: #00529b; color: #fff; }
body.ob-app.ob-cs .tooltip.right .tooltip-arrow { border-right-color: #00529b;}

/* branding - CommunityChoiceFinancial loans */
body.ob-app.ob-ccf {
    font-family: 'Source Sans Pro';
}
body.ob-app.ob-ccf h1.banner {
    background-color: #003d79;
    color: #fff;
}
body.ob-app.ob-ccf h2, body.ob-app.ob-ccf .h2 {color:  #003d79;}
body.ob-app.ob-ccf h2.banner {
    background-color: #003d79;
    color: #fff;
}
body.ob-app.ob-ccf .title { color: #00529B; border-color: #00529B; }
body.ob-app.ob-ccf .btn.btn-primary { background-color: #003d79; }
body.ob-app.ob-ccf .btn.btn-secondary { background-color: #39b54a; }
body.ob-app.ob-ccf .btn-tile .fa-mask { color: #00529b; }
body.ob-app.ob-ccf .panel-primary > .panel-heading  { background-color: #003d79; }
body.ob-app.ob-ccf .panel-primary, body.ob-app.ob-ccf .panel-primary > .panel-heading { border-color: #003d79; }
body.ob-app.ob-ccf .fa-primary { color:#00529b; }
body.ob-app.ob-ccf .fa-primary .fa-inverse { color:#fff; }
body.ob-app.ob-ccf .tooltip-inner  { background-color: #00529b; color: #fff; }
body.ob-app.ob-ccf .tooltip.right .tooltip-arrow { border-right-color: #00529b;}


/* branding - SpeedyCash loans */
body.ob-app.ob-sc { font-family: 'Source Sans Pro'; }
body.ob-app.ob-sc h1.banner { background-color: #1A4C34; color: #fff;}
body.ob-app.ob-sc h2, body.ob-app.ob-sc .h2 {color:  #1A4C34;}
body.ob-app.ob-sc h2.banner {background-color: #1A4C34;color: #fff;}
body.ob-app.ob-sc .title { color: #00529B; border-color: #00529B; }
body.ob-app.ob-sc .btn.btn-primary { background-color: #1A4C34; }
body.ob-app.ob-sc .btn.btn-secondary { background-color: #39b54a; }
body.ob-app.ob-sc .btn-tile .fa-mask { color: #00529b; }
body.ob-app.ob-sc .panel-primary > .panel-heading  { background-color: #1A4C34; }
body.ob-app.ob-sc .panel-primary, body.ob-app.ob-sc .panel-primary > .panel-heading { border-color: #1A4C34; }
body.ob-app.ob-sc .fa-primary { color:#00529b; }
body.ob-app.ob-sc .fa-primary .fa-inverse { color:#fff; }
body.ob-app.ob-sc .tooltip-inner  { background-color: #00529b; color: #fff; }
body.ob-app.ob-sc .tooltip.right .tooltip-arrow { border-right-color: #00529b;}


/* branding - RapidCash loans */
body.ob-app.ob-rc { font-family: 'Source Sans Pro'; }
body.ob-app.ob-rc h1.banner { background-color: #1A4C34; color: #fff;}
body.ob-app.ob-rc h2, body.ob-app.ob-rc .h2 {color:  #1A4C34;}
body.ob-app.ob-rc h2.banner {background-color: #1A4C34;color: #fff;}
body.ob-app.ob-rc .title { color: #00529B; border-color: #00529B; }
body.ob-app.ob-rc .btn.btn-primary { background-color: #1A4C34; }
body.ob-app.ob-rc .btn.btn-secondary { background-color: #39b54a; }
body.ob-app.ob-rc .btn-tile .fa-mask { color: #00529b; }
body.ob-app.ob-rc .panel-primary > .panel-heading  { background-color: #1A4C34; }
body.ob-app.ob-rc .panel-primary, body.ob-app.ob-rc .panel-primary > .panel-heading { border-color: #1A4C34; }
body.ob-app.ob-rc .fa-primary { color:#00529b; }
body.ob-app.ob-rc .fa-primary .fa-inverse { color:#fff; }
body.ob-app.ob-rc .tooltip-inner  { background-color: #00529b; color: #fff; }
body.ob-app.ob-rc .tooltip.right .tooltip-arrow { border-right-color: #00529b;}

.btn-tile {
    padding: 15px 40px;
    border-radius: 20px;
    font-size: 1.2em;
}
.btn-tile h2, .btn-tile h3 {
    margin: 0;
    color: #fff !important;
}

@media print {
    .brand, .banner, .info-header, .military-decline-letters-header, .military-decline-letters-title, .row, .footinfo-break {
        display: none;
    }
}

.btn-dark {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.center-notification-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    grid-gap: 1.0rem;
    padding: 20px !important;
    border-radius: 1rem;
}

.btn-flex-container{
    width: 100%;
    box-shadow: 1px 1px 4px black;
}

button.btn[disabled] {
    cursor: not-allowed;
    opacity: 0.25;
}

.vertical-grid {
    border-bottom: 1px solid #eeeeee;
    margin-left: 0;
}
.vertical-grid:not(.nv) {
    height: 82px;
}
.vertical-grid > div:nth-child(odd) {
    padding-top: 30px;
}

.vertical-grid > div:nth-child(even) {
    padding-top: 0px;
    vertical-align: top;
}