/*New design*/
footer {
    background-color: #020F16;
}

#footerline {
    border-top: 1px solid #F8BC39;
    background-color: #F8BC39;
    overflow: visible;
    text-align: center;
    height: 2px;
    width: 100%
}

.border-yellow {
    border: 2px solid #F8BC39 !important;
}

.btn-login {
    /*color: white !important;
    background-color: #F8BC39 !important;*/
    border-radius: 50rem !important;
    padding: 8px 24px;
    text-decoration: none !important;
    cursor: pointer;
}

.btn-login-yellow {
    border-radius: 50rem !important;
    padding: 8px 24px;
    text-decoration: none !important;
    cursor: pointer;
    background-color: #F8BC39 !important;
    border: 1px solid #012840;
}

.bg-hamburger {
    background-color: #020F16;
    width: 326px;
    margin-right: auto !important;
    /*margin-top:6px;*/
    padding: 1px 2px;
    min-height: 100%;
    position:relative
}

.nav-addr {
    background-color: #020F16;
    padding: 13px 15px 0;
    position: absolute;
    bottom: 16px;
}
.nav-addr-ghost
{height:136px;
 width:100%;
 }
/*Old design*/
body {
    font-family: Lato, sans-serif !important;
}

/*Menu*/
nav {
    height: 60px;
    padding: 0!important;
    border-bottom: #707070;
}
    nav ~ div {
        margin-top: 60px
    }
    
.loan-pmts-pages {
    margin-top: 60px
}
#nav-menu {
    /*z-index: 100 !important;
    position: absolute;
    left: 0px;
    top: 60px;
    max-height: calc(100vh - 60px);
	height: calc(100vh - 60px);*/
    z-index: 100 !important;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100vh;
    width: 326px;
}
#nav-menu {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
#nav-menu::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}



.hamburger-icon{height:33px;width:auto;}
#linkphone img {
    width:auto;
    height:25px;
    margin-top: -4px;
}
#number a {
    position:absolute
}
.nav-login-icon{height:100%;width:auto;}
.nav-logo{
    height: 17vh;
    /*background-image: url(/Skins/MM/images/MM-logo-grey.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;*/
    margin: 15px;
    min-height: 100%;
}
.navbar-nav
{
    background-color: #020F16;
}

.nav-item {
    background-color: #D2D2D2;
    border: 1px solid #012840;
    color:black;
    height:38px;
    padding:0 15px;
}
#logoutli {background-color: #EEEEEE;}
.nav-icon {
    height: 33px;
    width: auto;
}
.nav-icon-lock {
    display:none;
    height: 20px;
    width: auto;
    margin-left:auto;
    margin-top: 9px;
}
.locked{
    /*display:none!important;*/
}
.locked .nav-icon-lock{display:block;}
.nav-icon-span {
    width: 40px;
    overflow: hidden;
    display: inline-block;
    padding-top: 0;
    text-align: center!important;
    margin-top:0px;
}
.nav-link {
    text-transform: none !important;
    display: block;
    color: black;
    text-decoration-color: black;
    cursor: pointer;
    outline: none !important;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    padding-top:4px;
    padding-bottom:4px;
}
.nav-link:hover {
    text-transform: none !important;
    color: black !important;
    font-weight: bold;
}
.locked .nav-link, .locked .nav-link:hover {
    color: black !important;
    opacity: 0.5;
    font-weight: normal;
    cursor: not-allowed!important;
}
.nav-user {
    background-color: #012840;
}
.nav-user-photo-div {
    width: 80px;
    height: 80px;
    flex-basis: 80px;
    background-color: #F8BC39;
    border: 1px solid white;
}
.nav-user-photo{height:60px;width:auto;}
.nav-user-text {
    font-size: 43px;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
}
.nav-user-name {
    color: white;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: bold;
}
.nav-user-since {
    color: #C1C1C1;
    font-size: 13px;
    line-height:15px;
}
.nav-user-btn {
    background-color: white;
    border: 2px solid white;
    height: 30px;
    border-radius: 50rem !important;
}
.nav-user-info-icon{
    height:45px;
    width:auto;
    padding:0;
    margin:-6px 0 0 -10px;
}
.nav-user-info-text {
    color: #012840;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:5px 15px 0 5px;
}

/*logo section {*/
.navbar-brand {
display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.navbar-brand img {
    height:100%;
    width:auto !important;
}
@media (max-width:720px) {
    .navbar-brand img {
        
        height:90% !important;

    }
}

/*logo section }*/

.nav-btn-login {
    background-color: transparent;
    border: none;
    outline: none !important;
    cursor: pointer;
    color: #012840;
    padding: 0 30px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height:22px
}
.openLogin.btn-login{
    padding:0px 28px;
    font-size:18px;
    line-height: 29px;
    height: 32px;
    background-color: #16324F !important;
    border: 1px solid #F8BC39 !important;
    text-transform:uppercase
}

/*logout btn on header bar {*/
.btn-logout {
background: #16324F;
color:#F8BC39;
text-transform:uppercase;
border-radius: 50rem !important;
line-height: 1px;
    height: 32px;
    padding: 0px 0px 0px 2px;
    vertical-align: middle;
    font-size: 18px;
    display:flex;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important;
    border: 1px solid #F8BC39 !important;
}
.logout_circle
{
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    background-color: #F8BC39;
    border: 1px solid white;
    border-radius: 50%!important;
    display:flex;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    color: #16324F;
    font-size:14px;
    line-height:18px
}
.logout-text {
margin: 0px 24px 0px 18px;
}
@media (max-width:767px) {
    .logout-text {
margin: 0px 10px 0px 5px;
font-size:14px
}
}
@media (max-width:992px) {
    .btn-logout {
    height:32px;
    margin-right:10px;
    line-height:20px;
    font-size:16px;
    }
    .logout_circle
{
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    font-size:14px
}
}

/*logout btn on header bar }*/

nav > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: black !important;
}
#navbtnlogindiv
{
    padding-top:2px;
    }
@media (min-width: 768px) and (max-width: 991px) {
    nav {height: 40px;padding: 0 !important;}
        nav ~ div {
            margin-top: 40px
        }
    
    .loan-pmts-pages {
        margin-top: 40px
    }
    #nav-menu {
        top: 40px;
        max-height: calc(100vh - 40px);
        height: calc(100vh - 40px);
    }
}
@media (max-width: 767px) {
  
    nav {
        height: 40px;
        padding: 0 !important;
    }
        nav ~ div {
            margin-top: 40px
        }
    
    .loan-pmts-pages {
        margin-top: 40px
    }
    #nav-menu {
        top: 40px;
        max-height: calc(100vh - 84px);
        height: calc(100vh - 84px);
    }

    #navbtnlogindiv {
        padding-top: 0px;
    }

    .nav-link {
        color: black !important;
        font-weight: bold;
    }

    .hamburger-icon {
        height: 22px;
    }
    #linkphone img {
    height:16px;
    margin-top:0px
    }

    .nav-login-icon {
        height: 28px;
    }

    .bg-hamburger {
        width: 317px;
    }

    .nav-logo {
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .nav-item {
        height: 40px;
    }

    .nav-icon {
        height: 31px;
    }

    .nav-icon-lock {
        display: none;
        height: 24px;
        margin-top: 10px;
    }

    .nav-icon-span {
        width: 36px;
        padding-top: 0;
        margin-top: 2px;
    }

    .nav-user {
        height: 110px;
    }

    .nav-user-photo-div {
        width: 76px;
        height: 76px;
        flex-basis: 76px;
    }

    .nav-user-photo {
        height: 58px;
        width: auto;
    }

    .nav-user-text {
        font-size: 39px;
        line-height: 47px;
    }

    .nav-user-name {
        font-size: 15px;
        line-height: 20px;
    }

    .nav-user-since {
        font-size: 12px;
        line-height: 14px;
    }

    .nav-user-btn {
        height: 24px;
        line-height:100%;
    }

    .nav-user-info-icon {
        height: 36px;
        margin: -5px 0 0 -7px;
    }

    .nav-user-info-text {
        font-size: 12px;
        padding: 2px 15px 0 5px;
    }

    .nav-btn-login {
        padding: 0 20px;
        font-size: 16px;
        line-height: 19px;
    }

    .openLogin.btn-login {
        padding: 1px 11px;
    }

    .nav-addr {
        padding: 14px 15px 0;
    }
}



/*Footer*/

.footerP {
    color: white;
    font-size: 12px !important;
    line-height: 14px !important;
    padding: 2px 0px;
}
.footer-subs-div {
    display:flex;
    border: 1px solid #7FC4FD;
    height:40px;
}
.input-subscribe {
    height: 100%;
    background-color: transparent!important;
    color: white;
    padding: 10px 15px;
}
.input-subscribe::-webkit-input-placeholder {opacity: 1;color:white;}
.input-subscribe::-moz-placeholder {opacity: 1;color:white;}
.input-subscribe::-ms-input-placeholder {opacity: 1;color:white;}
.input-subscribe::placeholder {opacity: 1;color:white;}
.btn-subscribe {
    height: 100%;
    background-color: white!important;
    color: #052C4D;
    border:none;
    cursor:pointer;
    padding:10px 15px;
}
.footer-logos {
    margin-top: 1rem;
}

.godaddy-main{
    display:block;
    /*height:37px;
    width:126px;*/
    padding:4px;
    
}
.footer-ola{width:62px;}
.godaddy-main img{width:100%;height:100%;}
.footer-link {color: white !important;}
.footer-link:hover{
    color:white!important;
    font-weight:bold!important;
}


@media (min-width: 768px) {
    .footerP {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    #footerline {
        border-top: 3px solid #F8BC39;
        background-color: #F8BC39;
    }
    .footer-logos {
    margin-top:-18px !important
}
    /*.godaddy-main {
        height: 63px;
        width: 214px;
    }*/
}


/*Contact Us*/
.contactus {
    background: url(/Skins/UWB/images/contact_us_t.png) no-repeat center top;
    background-size: contain ;
}

@media (max-width:767px) {
    .contactus {
        background-position: center top;
        background-size: 886px 200px;
    }
}

.contactus-top {
    height: 23.125vw;
    /*background: url(/Skins/UWB/images/contact_us_t.png) no-repeat;
    background-size: cover;*/
}
.contactus-top-title {margin-top: 3.4375vw;}
.contactUsMain {
    margin-bottom: 3.020834vw;
    margin-top: -12.86458vw;
}
.contactUsSubMain {
    border-radius: 11px;
    box-shadow: rgba(0,0,0, 0.34) 0 3px 6px;
    background-color: #F8BC39;
    padding: 50px 0 50px;
}
.contactUsSubMain2div{padding:0 14px 0 14px;}
.contactusCard {
    border-radius: 11px;
    box-shadow: rgba(0,0,0, 0.34) 0 3px 6px;
    min-height: 80px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #012840;
}
.bg-contactus{background-color:#ffffff;}
.contactCard-title {
    color: #F8BC39;
    font-size: 17px !important;
    line-height: 22px !important;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}
.contactCard-body {
    color: #ffffff;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: normal;
    padding-top: 5px;
    font-family: 'Lato', sans-serif;
    
}
.contactForm {
    background-color: white;
    border-radius: 21px;
    border-color: #707070;
    padding:20px;
}

.roundedBox {
    border-radius: 11px;
    border-color: #012840;
    height: 36px;
}
.roundedBoxImp {
    border-radius: 11px!important;
    border-color: #012840!important;
    height:50px;
}

.contactSubmit {
    background-color: #012840;
    color: white;
    height: 36px;
    width: 100%;
    border-radius: 11px;
    border-color: #012840;
}
.err-message {
    display: none;
    color: #E30808;
    font-size: small;
    text-align: left;
    position: absolute;
}
.err-message.show {display: block;}
.err-img{
    display:none;
    position:absolute;
    right:16px;
    margin-top:auto;
    margin-bottom:auto;
    top:0px;
    bottom:0px
}
.err-img.show{display:inline-block;}
/*.contactCard-subtitle {
    color: #2A628F;
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
    font-style:italic;
}*/
.card-content{position:absolute;left:0;}
.contactus .card-img{width:100%;height:125px;}
.contactus .contact-icon {
    width: 33px;
    height: auto;
}

/*Login*/
.login-div{width:100%;}
.login-input {
    border: none;
    border-bottom: 2px solid #E9E9F0;
    max-width:100%!important;
    flex:0 0 100%!important;
}
.login-input-div.hasError label{color:#D40707;}
.login-input-div.hasError input {border-bottom-color: #D40707;}
.login-input:focus{outline:none!important;}
@media (min-width: 768px) {
    .login-div {width: 444px;}
}

.bg-error {
    background-color: #A7CFFC;
}
.err-404{width:55.9375vw;}
.err-drunkard{width:17.5vw;}
.err-oops-title {
    width: 8.541667vw;
    margin-bottom: 8.4375vw;
}
.err-oops {width: 86.770834vw;}
/*ReqNotMet*/
.bg-reqnotmet {
    background-image: url(/Skins/UWB/images/uncle_face_light.svg);
    background-color: #012840 !important;
    background-position: 97.1875% bottom;
    background-size: 8.59375% auto;
    background-repeat: no-repeat;
}
.d-mm-block{display:block!important;}
.reqnotmet .col-xl-8 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
.reqnotmet .card{
    background-color:transparent!important;
    border:none!important;
    padding-left:0!important;
    padding-right:0!important;
}
.reqnotmet .card h3 {
    font-family:'Lato', sans-serif;
    font-size:35px;
}
.reqnotmet .card-p3 {padding-bottom: 48px;} 
.reqnotmet .card-p3 .font-weight-bold {
    padding-bottom: 48px;
    font-size:24px!important;
    font-family:'Lato', sans-serif;
}
.reqnotmet .fineprint{font-size:18px!important;line-height:24px!important;}
.reqnotmet .small{font-size:inherit!important}
.fsmm-12-md-16{font-size:16px!important;}
@media (max-width: 767px) {
    .reqnotmet container{padding:0!important;}
    /*.bg-reqnotmet {background-size: contain;}*/
    .reqnotmet .card {padding-bottom: 0 !important;}
    .reqnotmet .card h3 {font-size:20px;}
    .reqnotmet .card-p3 {padding-bottom: 24px;} 
    .reqnotmet .card-p3 .font-weight-bold {padding-bottom: 24px;font-size:16px!important;}
    .reqnotmet .fineprint{font-size:12px!important;}
    .fsmm-12-md-16{font-size:12px!important;}
}

/*ThankYou*/
.bg-thankyou {background-color: #B1DAFD;}
.thankyou-title {
    font-family: 'Lato', sans-serif;
    font-size: 32px!important;
    font-weight:bold;
}
@media (max-width: 767px) {
    .thankyou-title {font-size: 20px !important;}
    .divthnkyousection{min-height:250px;}
    .spinner{top:50%!important;}
    .thankyou-text{font-size:12px!important;}
}




.btnlogin, .appButton {
    background: linear-gradient(to right, #3BD426, #76e467);
    height: 46px;
}

.divThankYou {
    min-height: 150px;
    position: relative;
}

.collapse:not(.show) {
    display: none;
}

/* Loan Status page  {*/
.vipbadge {
    color: #012840;
    background-color:white;
    background-image:url('/Skins/UWB/images/yellow-star-small.png');
    background-repeat:no-repeat;
    background-position:left center;
    background-size: contain;
    border-radius: 1em!important;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom:6px;
}

.hlLoanBtn, .hlLoanBtn:hover {
    /*background: linear-gradient(to right, #3BD426, #76e467) !important;*/
    color: #fff !important;
    font-weight: normal !important;
}

.loanBottomPnl .aspNetDisabled {
}

.blue-green-gradient {
    border: 1px solid #0aab2a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #2DA1B3;
    background-image: linear-gradient(to right, #003e5e,#45ACE1, #7cc921 );
}

@media (min-width: 768px) and (max-width:860px) {
    .blue-green-gradient {
    font-size: 100% !important;
    }
}
/*.blue-green-gradient:hover{
 border:1px solid #07801f;
 background-color: #35B91A; background-image: -webkit-gradient(linear, left top, left bottom, from(#35B91A), to(#237c8a));
 background-image: -webkit-linear-gradient(-45deg, #237c8a, #35B91A);
 background-image: -moz-linear-gradient(-45deg, #237c8a, #35B91A);
 background-image: -ms-linear-gradient(-45deg, #237c8a, #35B91A);
 background-image: -o-linear-gradient(-45deg, #237c8a, #35B91A);
 background-image: linear-gradient(-45deg, #237c8a, #35B91A);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#35B91A, endColorstr=#237c8a);
}*/

.blue-gradient {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-image: linear-gradient(to right, #003e5e, #45ACE1);
}


/*.blue-gradient:hover{
 border:1px solid #07801f;
 background-color: #35B91A; background-image: -webkit-gradient(linear, left top, left bottom, from(#35B91A), to(#237c8a));
 background-image: -webkit-linear-gradient(-45deg, #237c8a, #35B91A);
 background-image: -moz-linear-gradient(-45deg, #237c8a, #35B91A);
 background-image: -ms-linear-gradient(-45deg, #237c8a, #35B91A);
 background-image: -o-linear-gradient(-45deg, #237c8a, #35B91A);
 background-image: linear-gradient(-45deg, #237c8a, #35B91A);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#35B91A, endColorstr=#237c8a);
}*/

.green-gradient {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-image: linear-gradient(to right, #2dc715, #95df13);
}


.shortTextbox {
    height: 28px;
    background: transparent;
    border-width: 0;
    color: white !important;
    max-width: 182px;
}

    .shortTextbox:hover {
        border-width: 1px !important; /*3px !important;*/
        border-color: white;
        border-style: ridge;
    }

    .shortTextbox::-webkit-input-placeholder { /* WebKit browsers */
        color: white;
    }

    .shortTextbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #999;
    }

    .shortTextbox::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #999;
    }

    .shortTextbox:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #999;
    }

.shortTextboxBorder {
    height: 28px;
    width: 100px;
    padding-left: 25px;
    border-width: 2px;
    font-size: medium;
}


.shortTextbox2 {
    height: 28px;
    background: transparent !important;
    border-width: 0;
    color: white !important;
    max-width: 182px;
}

    .shortTextbox2:hover {
        border-width: 1px !important; /*3px !important;*/
        border-color: white;
        border-style: ridge;
    }

    .shortTextbox2::-webkit-input-placeholder { /* WebKit browsers */
        color: white;
    }

    .shortTextbox2:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #999;
    }

    .shortTextbox2::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #999;
    }

    .shortTextbox2:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #999;
    }

.shortTextboxBorder {
    height: 28px;
    width: 100px;
    padding-left: 25px;
    border-width: 2px;
    font-size: medium;
}

/* Loan Status page  */
#lblDiffAmt {width:90px}
@media (max-width: 430px) 
{
#lblDiffAmt {width:70px}
    
}


.payments 
{
 border-radius: 1em!important;   
 width:100%!important;   
 color:#012840;
}
#pmthistory .shown,#pmthistory .childrow,
#pmthistoryarr .shown,#pmthistoryarr .childrow,
#tabLoanHist .shown, #tabLoanHist .childrow
{
    background-color:#012840!important;
    color:#fff;
     }
#pmthistory .shown a,#pmthistory .childrow a,
#pmthistoryarr .shown a,#pmthistoryarr .childrow a,
#tabLoanHist .shown a, #tabLoanHist .childrow a
{
    background-color:#012840!important;
    color:#fff;
     }
    
#pmthistory tr.shown th:first-child, 
#pmthistoryarr tr.shown th:first-child,
#div_loanHist tr.shown th:first-child,
#div_loanHist tr.shown td:first-child, 
#pmthistory tr.shown td:first-child,
#pmthistoryarr tr.shown td:first-child
{ border-top-left-radius: 1em!important; }
#pmthistory tr.shown td:last-child, 
#pmthistoryarr tr.shown td:last-child, 
#div_loanHist tr.shown td:last-child
{ border-top-right-radius: 1em!important; }
#pmthistory  td.childrow,  
#pmthistoryarr  td.childrow, 
#div_loanHist  td.childrow 
{
  border-bottom-right-radius: 1em!important; 
  border-bottom-left-radius: 1em!important;
  background-color:#012840!important;
  color:#fff;
 }
 
.history thead th,.history td
{
   border-bottom:0px;
   border-top:0px;
}

 .payments  thead tr:first-child th:first-child { border-top-left-radius: 1em!important; }
 .payments  thead tr:first-child th:last-child { border-top-right-radius: 1em!important; }
 .payments  tr:last-child td:first-child { border-bottom-left-radius: 1em!important; }
 .payments tr:last-child td:last-child { border-bottom-right-radius: 1em!important; }
 .payments thead th 
 {
     border-bottom:2px solid #16324F;
     border-left:none;
     border-right:none;
     border-top:none;
     background-color:#F8BC39;
 }
 
 .payments  td
 { border-top:0;
   border-left-width: 0px;
   border-right-width: 0px;
   background-color:#fff!important;
   color:#012840!important;
 }
 
.odd
{
    background-color:#fff!important;
}
.payments thead{
background-color:#fff; color:#012840; font-size:12px;font-weight:bold; font-family: 'Heebo', sans-serif !important;
}

.chrowtop 
{
    background-color:#012840!important;
    color:#ffffff;
    border-top-left-radius: 1em!important; 
    border-top-right-radius: 1em!important; 
}

.chrowtop div,.chrowtop i
{
    color:#ffffff!important;
}
.chrowbottom 
{
    background-color:#012840!important;
    color:#ffffff;
    border-bottom-left-radius: 1em!important; 
    border-bottom-right-radius: 1em!important; 
}

@media (max-width: 576px) {
    #inumber {
        font-size: 22px!important;
    }
}

.loanStatusCard {
    color: black;
    text-shadow: none;
}
.loanstatus * .vipbadge
{
    background-color:#B1DAFD;
    color:Black;
 }

/*Loan Application page { */
.progress-text {
    font-size: 13px;
}
#h5eligable b {font-size:larger;}
.avawards{font-size:larger;}

@media (max-width: 767px) {
    .progress-text {
        font-size: 16px;
    }
}

.prefilled-text {
    font-size: 0.9rem;
}

.background-grey {
    background: #ececec;
}

#appForm .openLogin {
    color: white!important;
    background-color: #012840!important;
    border-radius: 50rem !important;
    text-decoration: none!important;
    cursor: pointer;
    outline: none !important;
    font-family: 'Lato', sans-serif;
    padding: 3px 38px 6px 38px;
}

.apply-select {
    height: calc(2.25rem + 2px);
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: solid 2px #c1c1c1;
    border-radius: 0px !important;
    padding-left: 3px;
    padding-right: 3px;
    color: #4D4F5C;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    background: url('images/dropdown.png') no-repeat center right;

    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

    .apply-select option:first-child {
    color: #012840 !important;
    opacity: 0.5 !important;
    }
    
option:hover, option:active {
    background-color: #012840!important;
    color:White;
}

#div_ls .apply-select {
    border-bottom: solid 1px #052C4D;
    color:#052C4D;
    box-shadow:none;
}

.ui-datepicker {
    z-index: 5 !important;
}

#appForm {
    position: relative;
}

.disableForm {
    position: absolute;
    height: 100%;
    width: 100%;
    background: transparent;
    z-index: 10;
    top: 0px;
    left: 0px;
}

#btnSubmitApplication {
    height: auto;
}


/*.combochkbx {
display:block;
}

.military-info label, 
#optPayBankruptcy label {
    height: 60px;
    margin: 0px 0px 0px 10px;
    vertical-align:top;
    width: 80%;
}*/

.militarySer {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

.military-info .chk-div label::after {
top:4px;
}

.military-info label {
    display: block;
    padding-left: 15px;
    padding-top:0px
}

@media (max-width:629px) {
    .military-info label {
        width: 90%;
    }
}

.submitme-txt {
    display: none;
}

.next {
    text-transform: uppercase;
    border:#012840;
    background:#012840;
    color:#fff;
}

.prev {
    text-transform: uppercase;
    background:#E4F2FE;
    border: solid 1px #012840;
    color: #012840;
}

.btn-back {
    background: #f4f4f4;
    color: #949494;
    /*font-family: Montserrat;*/
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0px;
    padding: 10px;
    text-transform: uppercase;
}

.AppProgressBar {
    /*To #99cb16*/
    background-position: 0% 0%;
    background-image: linear-gradient(to right, #169412,#53ad14, #99cb16 );
    background-color: #169412;
    background-repeat: repeat;
    background-attachment: scroll;
}

.font-normal {
    font-weight: normal !important;
}

/*.border-grey {
    border-color: #dcdcdc!important;
}*/
.icon-lightgrey {
    color: #949494 !important;
}

.label-lightgrey {
    /*color:#415A77 !important;*/
}

.label-white {
    color: #fff !important;
}
/*Added as placeholders on app form were greater than inputs */
@media (min-width:768px) and (max-width:992px) {
    .has-float-label .form-control:placeholder-shown:not(:focus) + *,
    .modularform .form-control:placeholder-shown:not(:focus) + * {
        font-size: 80%;
        top: 16%;
        padding-top: 5px;
    }

    .apply-select {
        font-size: 80%;
    }
}

@media (max-width:767px) {
    .xs-px-0 {
        .shortTextbox:hover padding-right:0px !important;
        padding-left: 0px !important;
    }
}

/*Added for iPfone 7 */
.ui-datepicker select.ui-datepicker-year
{
	width:52% !important;
}

/*input[type=text]:placeholder-shown {
    background: #fafafa!important;
}
input[type=text]:not(:placeholder-shown) {
background:#fff !important
} does not work with jquery masked inputs*/

.app-page-container {
    background: #F6FBFF
}

.app-form-main {
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 992px){
.app-form-main {
    max-width: 960px;
}}

@media (min-width: 1200px) {
    .app-form-main {
        max-width: 1140px;
    }
}

.container-fluid.background-grey.app-form-main {
    background: transparent !important;
}

#dvappform {
padding-left:0px !important;
padding-right:0px !important;
}

/*remove border for input*/
.modularForm .form-control
{
    border-top:none !important;
    border-right:none !important;
    border-left:none !important;
    border-radius:0;
    border-bottom: solid 2px #c1c1c1;
    font-family: 'Lato', sans-serif;
    font-size:16px;
    font-weight: normal;    
    padding-right: 3px !important;
    padding-left: 3px !important;
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);    
    background-color: #fff;
    background-clip: padding-box;
    color: #495057;
    line-height: 1.2;
    outline:none !important;
}

/*.modularForm input.form-control, .modularForm input.form-control:active, .modularForm input.form-control:focus{    
    outline:none !important;
}*/

.modularForm .form-control:focus, .app-fc:focus {
    /*border-bottom: solid 2px #2A628F;*/
    border-bottom: solid 2px #012840;
}

/*input error message on app form*/
.modularForm .form-control small .text-danger {
    padding-left:3px
}

.app-form-rowtitle {
margin-bottom:15px
}

.appform-title {
font-family: 'Lato', sans-serif;
font-size:20px;
font-weight: 500;
color: #012840;
}

h4.appform-title {
    font-size:20px
}

.app-page-header {
    margin-bottom:0px
}

.returned-customer .modularForm, .review-form .modularForm{
    margin-top: 65px;
}
.returned-customer #one.modularForm,
.review-form #one.modularForm {
margin-top:0px;
}
    .returned-customer #one.modularForm .app-form-rowtitle,
    .review-form #one.modularForm .app-form-rowtitle{
    margin-top:65px
    }
.returned-customer .app-form-rowtitle,
.review-form .app-form-rowtitle,
.profilepage .app-form-rowtitle
 {
margin-bottom:0px;
}
.returned-customer .app-form-rowtitle .col-12,
.review-form .app-form-rowtitle .col-12,
.profilepage .app-form-rowtitle .col-12{
position:relative;
}
.returned-customer .app-page-header,
.review-form .app-page-header,
.profilepage .app-page-header {
    position: absolute;
    top: -35px;
    padding: 5px 8% 20px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    background: #012840!important;
    color: #fff !important;
    font-size: 18px !important;
    font-family: 'Lato', sans-serif;
    line-height: 24px !important;
    width: 41.75%;
}

@media (max-width:630px) {
    .profilepage .app-page-header {
    width:70%;
    padding: 5px 3% 20px 7%;
    } 
}
@media (max-width:767px) {
    .returned-customer .app-page-header,
    .review-form .app-page-header{
    width:70%;
    padding: 5px 5% 20px 7%;
    }

    
    
}



.review-header {
margin-bottom:25px;
}

.appform-subtitle {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    margin: 5px 0px;
}
#divProgressBar {
display:none !important
}


/*Progress bar on app form  {*/
.app-progress-pnl {
    /*margin-top:50px;
    margin-bottom:40px;*/
    margin-bottom:15px;
    /*height:38px;*/
    height:30px;
}

/*Progress bar on app form }*/

.app-rounded-bg {
    background:#fff !important;
    box-shadow: 0px 5px 10px rgba(0,0,0, 39%);
    border-radius:15px;
    padding: 2rem 0px 4rem !important;
}
@media (max-width: 767px) {
    .app-form-main .app-rounded-bg {
        padding: 2rem 1.5rem !important
    }

    .profilepage .app-rounded-bg {
        padding: 2rem .5rem !important
    }
}
.img-icon-lock {
    width:24px;
    height:auto;
}

.data-encr-text {
    color:#415A77
}

.app-form-main .form-row {
margin-left: -14px;
margin-right: -14px;
}

    .app-form-main .form-row > [class*=col-] {
    padding-right: 0px;
    padding-left: 0px;
    }

/*Cusom radio buttons on application page*/
#optPayBankruptcy {
    margin-left: -0.5rem;
}

.cusom-radiobuttos-group td {

padding-right: 3rem;
}
.cusom-radiobuttos-group input[type="radio"] {
    display:none;
}

    .cusom-radiobuttos-group input[type="radio"] + label {
    position:relative;
    padding-left:2rem;
    }

.cusom-radiobuttos-group input[type="radio"] + label::before {
    position: absolute;
    top: .2rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #012840 solid 1px;
    border-radius: 50%;
}

    .cusom-radiobuttos-group input[type="radio"]:checked + label::before {
    color: #fff;
    border-color: #012840;
    background-color: #F8BC39;
    box-shadow: inset 0 0 1px 2px #fff;
    }
@media (max-width: 767px) {
    .dcheader-sm {
        margin-bottom: .5rem!important;
    }
}
/*.cusom-radiobuttos-group input[type="radio"]:checked + label span*/

.mt-65 {
    margin-top:65px !important;
}


.profile-bank-header {
position:relative;
}
    
/*.profile-bank-header:after {
    border-top: solid 1px #012840;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left:0px;
    right: 0;
    bottom: 0;
    width: 75%;
    z-index: 1;
    height:1px;
}*/
.profile-bheader-bg {
position: absolute;
    top: 49%;
    right: 0px;
    left: 0px;
    width: 70%;
    height: 50%;
    border-top: solid 1px #f8bc39;
    margin: auto;
    z-index:0;
}

@media (min-width: 320px) {
    .profile-bheader-bg {
    display:none;
    }
}
@media (min-width: 375px) {
    .profile-bheader-bg {
    display:block;
    }
}

.div-header {
    z-index: 2;
    background:#fff;
    position: relative;
    display: block;
    width: auto;
    float: left;
    line-height: 34px;
    }

.btn-addaccount {
    padding: 5px 20px 5px 35px;
    border-radius:22px;
    color: #F8BC39;
    background: #012840 url('images/add.png') no-repeat 8px;
    cursor:pointer;
    width:196px;
    height: 34px;
    display: inline-block;
    border:solid 1px #F8BC39;
    text-align: center;
    line-height: 19px;
}

@media (max-width:767px) {
    .btn-addaccount {
    width: 156px;
    padding-right: 0px;
    padding-left: 20px;
    }

    /*primary bank account*/
img[id^="acctimg_"]
{
    height:22.3px
}
}
.dvaddacctbtn {
    float: right;
    border-left: .5rem solid #fff;
    position: relative;
}





#div_addACH select, #div_addACH input:not([type="submit"]),
#div_addDC select, #div_addDC input:not([type="submit"])
{
    background:transparent !important;
    color:#fff;
}
#div_addACH label:not(.text-danger), #div_addACH select, #div_addACH .custom-select:disabled,
#div_addDC label:not(.text-danger), #div_addDC select, #div_addDC .custom-select:disabled  {
color:#fff !important;
}

.btn-orange {
    border: solid 1px #16324F;
    background:#F8BC39 !important;
    border-radius:25px;
    width:80px;
    text-align:center;
    cursor:pointer;
    -webkit-appearance:button;
    height:100%;
    line-height:20px
}
    .btn-orange:hover {
    border-color:#F8BC39
    }


.profilepage .btn-orange {
    max-height:28px
}

.btn-light {
    border: solid 1px #16324F;
    background:#fff !important;
    border-radius:25px;
    width:80px;
    text-align:center;
    cursor:pointer;
    display:inline-block;
    max-height:28px
}

.addacct-warning {
color:#B1DAFD
}

@media (max-width:992px) {
    .addacct-warning {
    font-size:14px;
    line-height:22px;
    margin-bottom: 15px;
    }
}


#div_addACH .app-fc:focus, #div_addACH .app-fc:active,
#div_addDC .app-fc:focus, #div_addDC .app-fc:active
{
        border-bottom: solid 2px #3975F8;
}
.btn-edit-acct {
width:65px;
cursor:pointer
}

@media (min-width:768px) and (max-width:1200px) {
    .btn-edit-acct {
    width:100%;
    height:auto;
    }
}

#rep .form-group.control-highlight .label-lightgrey,
#repDC .form-group.control-highlight .label-lightgrey {
    left:16px;
    top:12px;
}
#rep .cdisabled .label-lightgrey, #repDC .cdisabled .label-lightgrey{
   opacity:0.5
}
#rep .row, #repDC .row {
margin-bottom:7px;
}

@media (max-width:992px) {
   #repDC .form-group.control-highlight .label-lightgrey.cardno-lbl {
    right:15px;
    }
}

.profile-primary {
height:20px
}

/**/
.lblNotVerified {
   /*position:absolute;
display:block;
background:#16324F;
border-radius:25rem;
color:#fff;
font-size:10px;
padding: 2px 8px;
top:-18px;
right:18px*/
   position: absolute;
    display: block;
    background: #16324F;
    border-radius: 25rem;
    color: #fff;
    font-size: 10px;
    padding: 2px 8px;
    top: -20px;
    
}
#repDC .lblNotVerified {
left: 125px;
}
#rep .lblNotVerified {
left: 85px;
}

.btn-profile-save {
    padding: 5px 25px 5px;
    border-radius: 22px;
    color: #fff;
    background: #012840;
    cursor: pointer;
    width: auto;
    box-shadow: 3px 3px 6px rgb(0,0,0,50%);
}
    .btn-profile-save:hover {
    box-shadow:none
    }

.rbList label {
    margin-left: 7px;
    font-size: 14px;
}
.recSpan {
    height: 21px;
    gap: 8px;
    border-radius: 4px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    background: rgba(57, 117, 248, 0.1);
    color: rgba(57, 117, 248);
    font-size:12px
}

/*modal popup on profile page { */
.profilepage .modal-content {
    background: #012840;
    border-width: 0px
}
.profilepage .modal-header {
    border-bottom:none !important;
}
.profilepage .modal-title {
    color:#F8BC39;
    text-align:center;
    margin: auto;
    width: 100%;
    font-size: 1.2rem;
    font-weight: normal;
    text-decoration: underline;
}
.profilepage .modal-body {
color:#fff;
text-align:center;
}

.profilepage .modal-footer {
    border-top:none;
    background:#fff;
    justify-content: center;
    border-bottom-left-radius: .3rem;
     border-bottom-right-radius: .3rem;
}
@media (max-width:767px) {
    .modal-dialog {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50%;
    }

    #rep .col-7, #rep .col-5, #repDC .col-8, #repDC .order-2 {
        margin-bottom:2rem
    }
}

.profilepage .chk-autopayments label {
    padding: 0px;
    padding-left: 10px !important;
}
/*modal popup on profile page } */
/* MM application page, Profile page, paymentmethod.aspx è Profile.aspx } */
/*Buttons next prev - new design { */
.app-buttons {
    height: 34px;
    width: 100%;
    max-width: 375px;
    margin: auto;
    position: relative;
}
    
.app-buttons-left, .app-buttons-right {
position:relative;
width:50%;
height:100%;
text-align:center;
font-size:16px;
text-transform:uppercase;
font-weight:700;
font-family:'Lato',sans-serif;
line-height:30px;
border:solid 2px #012840;
}
.app-buttons-left {
float:left;
color:#012840;
background:#f8bc39 !important;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.app-buttons-right {
    float:right;
    color:#fff;
    background:#012840;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.app-buttons a,.app-buttons button {
position:absolute;
top:0px;
width:90%;
padding:0px;
height: 100%;
cursor:pointer;
}
.app-buttons a,.app-buttons-left button {
left:0px
}
.app-buttons-right button {
right:0px;
width:90%;
}

.app-buttons-circle {
position:absolute;
background: url('images/uncle_face.svg') no-repeat;
background-size:contain;
width:34px;
height:34px;
display:block;
left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.btn-transparent {
    background: transparent!important;
    border: none!important;
}
/*Buttons next prev - new design } */

/*Loan Application page } */



.fineprint {
    font-size: 10px;
}

/* Loan Status page*/

.inline-headers h2, .inline-headers h6, .inline-headers img {
    display: inline-block;
    vertical-align: baseline;
}

/* index page */

.btn-MM {
    min-height: 40px !important;
    padding: 6px 16px !important;
    border-radius: 50rem !important;
    cursor: pointer;
}
.btn-apply {
    /*background-color: white !important;*/
    border: 3px solid #012840 !important;
    color: #012840 !important;
    font-size: 20px;
    line-height: 22px;
    font-weight:bold;
    height:40px
}
.btn-shadow{box-shadow: #000000 3px 5px 6px;}
.btn-bgdark-yellow {
    background-color: #16324F !important;
    border: 2px solid #F8BC39 !important;
    font-size: 28px;
    line-height: 34px;
    color: #F8BC39 !important;
}
.btn-home-phone {
    padding: 6px 16px !important;
    text-decoration:none !important;
    font-weight:bold;
    color:#fff !important;
}

.feedBack-MM {
    box-shadow: 3px 3px 6px #070707a6;
    border-radius: 50rem !important;
    height: 45px;
    background-color: white;
    border: 2px solid #012840;
    min-width:65%;
}

.border-white{
    border: 2px solid white !important;
}

.border-darkblue {
    border: 2px solid #004B8D !important;
}

.border-blue {
    border: 3px solid #012840 !important;
}

.lh-28{
    line-height: 28px!important;
}

.lh-28-lg-40 {
    line-height: 28px !important;
}
.home-man {
    position:absolute!important;
    bottom: 0;
    right: 0;
    height:500px
    
}
@media (min-width: 992px) {
    .lh-28-lg-40 {
        line-height: 36px !important;
    }
}

#topContainerIndex {
    background: url('/Skins/UWB/images/home_first_background.jpg') no-repeat;
    background-size: cover;
    height:48.22917vw;
}


.home-block-needcash {
    position: absolute;
    width: 23.60417vw;
    top: 6.71875vw;
    left: 8.1771vw;
}
.home-block-title {
    font-size: 2.0834vw;
    line-height: 2.5vw;
}
.home-block-body {
    font-size: 1.25vw;
    line-height: 2.0834vw;
    margin-top: 0.78125vw;
}
.home-block-needcash button.btn-apply {
    margin-top: 1.145834vw;
    font-size: 18px;
    line-height: 23px;
    text-transform:uppercase
}
.home-block-alreadyapproved {
    position: absolute;
    width: 22.60417vw;
    top: 6.71875vw;
    right: 9.270834vw;
}
.home-block-alreadyapproved button.btn-bgdark-yellow {
    margin-top: 1.40625vw;
    font-size: 18px;
    line-height: 24px;
    padding: 0px 16px 3px !important;
}
.home-block-confidence {
    position: absolute;
    width: 24.895834vw;
    top: 35.95vw;
    right: 2.29167vw;
}
.home-block-confidence .home-block-title{font-size:1.66667vw;}
.home-block-confidence a.btn-bgdark-yellow {
    font-size: 1.45834vw!important;
    line-height: 1.770834vw!important;
}
.home-block-confidence img.hamburger-icon {height: 1.45834vw;}
.home-block-ola {
    position: absolute;
    width: 9.375vw;
    top: 42.49vw;
    left: 10.104167vw;
}
.home-block-ola .ola-img{width:3.645834vw;}
.home-dark-div1-title {
    font-size: 2.0834vw;
    line-height: 2.5vw;
    margin-top: 70px;
    margin-bottom: 29px;
}
.home-dark-div1-text {
    font-size: 1.25vw;
    line-height: 2.0834vw;
}
.home-dark-div1-padding{padding-bottom:50px;}
#secondContainerIndex {
    background-color: #F6FBFF;
    padding-top: 79px;
    padding-bottom: 63px;
}
.secondContainer-title{font-size:4.16667vw;}
.secondContainer-subtitle{font-size:1.25vw;}
.secondContainer-text{font-size:1.0417vw;}
.secondContainer-div-1, .secondContainer-div-3 {
    width: 27.5vw;
}
.secondContainer-div-1 .secondContainer-subtitle{letter-spacing:-1px;}
.secondContainer-div-2{
    margin-left:5.72917vw;
    margin-right:2.2917%;
    width:45vw;
}
.secondContainer-div-3{display:none;}
.img-steps-div {
    margin-left: 16.23%;
    margin-bottom: 13px;
}
.home-direct-title {
    font-size: 40px;
    line-height: 48px;
    margin-top: 21px;
    margin-bottom: 29px;
}
.home-direct-text{font-size:32px;line-height:38px;}
#thirdContainerIndex {
    background-color: #F6FBFF;
}
.thirdContainer-nocarousel {
    display: flex!important;
}
.thirdContainer-carousel {
    display: none !important;
}
#fourthContainerIndex {
    background-color: #F6FBFF;
    padding-bottom:59px;
}
.fourthContainer-div-1 {
    width: 33.64584vw;
    margin-top:36px
}
.fourthContainer-div-2{
	margin-top:46px
}

/*.fourthContainer-div-2 {
    margin-left: 5.72917vw;
    margin-right: 2.2917%;
    margin-top:72px;
    width: 51.822916vw;
}*/
.fourthContainer-title {
    font-size: 2.083334vw;
    line-height: 3.125vw;
    -webkit-text-stroke: 1px #012840;
    text-shadow: 0 5px 6px #00000059;
}
.fourthContainer-text {
    font-size: 20px;
    line-height: 32px;
}
#fifthContainerIndex {
    background-color: #F6FBFF;
}
.fifthContainer-title {
    font-size: 16px !important;
    line-height: 20px !important;
}
.fifthContainer-text {
    font-size: 16px !important;
    line-height: 18px !important;
}
.fifthContainer-img{}

/*large screens*/
@media (min-width:1200px){
    #fourthContainerIndex .col-12 {
    margin-top:72px
    }

    .fourthContainer-div-1 {
        margin-top:0px;
        width: 46.64584vw;
    }
    .fourthContainer-div-2 {
        margin: 0px;
        width: 30.6vw;
    }

    /*.fourthContainer-div-2 img {
        max-height: 410px;
        width: auto !important
    }*/

    
}
@media (min-width:1600px){
	.fourthContainer-text{
		line-height: 48px;
	}
	
}

@media (min-width:992px) {
    .w-md-100 {
    width:100% !important;
    }
}

/*Tablet*/
@media (min-width: 768px) and (max-width: 991px) {
    .hamburger-icon {height: 23px;}
    #linkphone img {
    height:18px;
    margin-top:-2px
    }
    .openLogin.btn-login {padding: 3px 14px;
    line-height: 16px!important;
    height: 24px;
    font-size: 12px;}
    
    .footer-ola{width:52px;}
    .godaddy-main{width:92px;}
    #topContainerIndex {
        background: url('/Skins/UWB/images/home_first_background_tablet.jpg') no-repeat;
        background-size: cover;
        height: 72.30216vw;
    }
    .home-block-needcash {
        position: absolute;
        width: 322px;
        top: 76px;
        left: 3.717vw;
    }
    .home-block-title {
        font-size: 24px;
        line-height: 29px;
    }
    .home-block-body {
        font-size: 16px;
        line-height: 27px;
        margin-top: 17px;
    }
    .home-block-needcash button.btn-apply {margin-top: 25px;}
    .home-block-alreadyapproved {
        position: absolute;
        width: 290px;
        top: 76px;
        right: 5.3957vw;
    }
    .home-block-alreadyapproved button.btn-bgdark-yellow {margin-top: 25px;}
    .home-block-confidence {display:none;}
    .home-block-ola {
        position: absolute;
        width: 94px;
        top: 62.35vw;
        left: 9.3525vw;
    }
    .home-block-ola .ola-img{width:37px;}
    .btn-apply,.btn-bgdark-yellow {
        font-size: 16px;
        line-height: 20px;
    }
    .btn-MM {
        min-height: 33px !important;
        padding: 4px 16px !important;
    }

    .btn-apply.btn-MM, .home-block-needcash button.btn-apply {
    height: 33px;
    font-size: 16px;
    padding-top: 0px !important;
    padding-bottom: 0px !important
    }

    .home-dark-div1-title {
        font-size: 24px;
        line-height: 29px;
        margin-top: 13px;
        margin-bottom: 28px;
    }
    .home-dark-div1-text {
        font-size: 16px;
        line-height: 20px;
    }
    .home-dark-div1-text img {width:15px;}
    .home-dark-div1-padding {padding:0 0 10px;}
    #secondContainerIndex {
        background-color: #FFFFFF;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .secondContainer-title {font-size: 6.5947vw;}
    .secondContainer-subtitle {
        font-size: 18px;
        line-height: 22px;
    }
    .secondContainer-text {
        font-size: 16px;
        line-height: 20px;
    }
    .secondContainer-div-1, .secondContainer-div-3 {width: 42.446vw;}
    .secondContainer-div-1 img {width:19px;}
    .secondContainer-div-1 .secondContainer-subtitle{letter-spacing:-1px;}
    .secondContainer-div-2 {
        margin-left: 1.43885vw;
        margin-right: 2.518%;
        width: 50.9593vw;
    }
    .img-steps-div {
        margin-left: 16.23%;
        margin-bottom: 13px;
    }
    .img-steps{height:21px;}
    .secondContainer-div-3 {display: none;}
    .home-direct-title {
        font-size: 24px;
        line-height: 29px;
        margin-top: 21px;
        margin-bottom: 19px;
    }
    .home-direct-text{font-size:18px;line-height:22px;}
    #thirdContainerIndex {
        background-color: #FFFFFF;
        margin-top:13px;
    }
    .thirdContainer-nocarousel{display:none!important;}
    .thirdContainer-carousel {display: flex !important;}
    .home-carousel-img {
        height: 690px;
        margin-bottom: 50px;
    }
    #fourthContainerIndex {
        background-color: #FFFFFF;
        padding-bottom: 55px;
    }
    .fourthContainer-div-1 {width: 100%;margin-top:44px;}
    .fourthContainer-div-2 {
        width: 100%;
        padding: 51px 8.752vw;
        margin:0;
    }
    .w-md-100 {
    width:100% !important;
}
    .fourthContainer-title {
        font-size: 28px;
        line-height: 38px;
        background-color: #012840 !important;
        padding: 30px 0;
        -webkit-text-stroke: unset;
        text-shadow: none;
    }
    .fourthContainer-text {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        margin: 0 8.753vw;
    }
    .fourthContainer-div-1 button.btn-apply{
        font-size: 20px;
        line-height: 26px;
    }
    #fifthContainerIndex {background-color: #FFFFFF;}
    .fifthContainer-title {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    .fifthContainer-text {
        font-size: 16px !important;
        line-height: 19px !important;
    }
    .fifthContainer-img img {
        -webkit-filter: drop-shadow(4px 3px 5px #c0c0c0);
        filter: drop-shadow(4px 3px 5px #c0c0c0);
    }
    .mt-md-n3{margin-top:-16px;}
    .login-left{background-size: 115%!important; background-position: -13vw!important;}
}

/* */
@media (width:1024px) and (height:768px) {
	.fourthContainer-div-1.col-lg-4 {
       width: 42% !important;
    margin-top: 76px;
    /* margin-left: 0px; */
    max-width: 42%;
    flex: 0 0 42%;
}
	.fourthContainer-div-2.col-lg-6
	{
		    margin-top: 76px;
	}
}
@media (width:1024px) and (height:1366px) {
	.fourthContainer-div-1.col-lg-4 {
          margin-top: 36px;
    flex: 0 0 50%;
    max-width: 50%;
}
	.fourthContainer-div-2.col-lg-6
	{
		    margin-top: 36px;
	}
}

/*Phone*/
@media (max-width: 767px) {
    nav > .container {
    max-width:unset;
    }

    .hamburger-icon {height: 20px;}
    .openLogin.btn-login {
        padding: 1px 11px;
        line-height: 19px !important;
        font-size:11px;
        height:24px
    }
    .footer-ola {width: 72px;}
    .godaddy-main {width: 126px;}
    /*#logoImg{margin-top:-12px;}*/
    .btn-apply, .btn-bgdark-yellow {
        font-size: 14px;
        line-height: 20px;
    }
    .btn-MM {
        min-height: 33px !important;
        padding: 4px 12px !important;
    }
    #topContainerIndex {
        background: url('/Skins/UWB/images/home_first_background_phone1.jpg') no-repeat;
        background-size: cover;
        height: 177.86667vw;
    }
    #topContainerIndex2 {
        display: flex !important;
        flex-direction: column !important;
    }
    .home-block-needcash {
        position: unset;
        max-width: 320px;
        width: 100%;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        order:1;
    }
    .home-block-title {
        font-size: 24px;
        line-height: 29px;
    }
    .home-block-body {
        font-size: 14px;
        line-height: 20px;
    }
    .home-block-needcash button.btn-apply {
        margin-top: 7px;
        font-size: 17px !important;
        line-height: 21px !important;
        padding: 3px 17px !important;
    }
    /*.home-block-needcash .home-block-title{display:none;}*/
    .home-block-alreadyapproved {
        position: unset;
        width: 218px;
        margin-top: 33px;
        margin-left: auto;
        margin-right: auto;
    }
    .home-block-alreadyapproved button.btn-bgdark-yellow {
        margin-top: 7px;
        font-size: 17px !important;
        line-height: 21px !important;
        padding: 4px 12px !important;
    }
    .home-block-confidence {display: none;}
    .home-block-ola {
        position: absolute;
        width: 94px;
        bottom: 1px;
        left: 0;
        top:unset;
    }
    .home-block-ola .ola-img {width: 37px;}
    .home-dark-div1-title {
        font-size: 24px;
        line-height: 29px;
        margin-top: 13px;
        margin-bottom: 8px;
    }
    .home-dark-div1-text {
        font-size: 14px;
        line-height: 20px;
    }
    .home-dark-div1-text img {width: 11px;}
    .home-dark-div1-padding {padding: 0 0 5px;}
    #secondContainerIndex {
        background-color: #FFFFFF;
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .secondContainer-title {font-size: 8.53334vw;}
    .secondContainer-subtitle {
        font-size: 14px;
        line-height: 20px;
    }
    .secondContainer-text {
        font-size: 14px;
        line-height: 20px;
    }
    .secondContainer-div-1, .secondContainer-div-3 {width: 100%;}
    .secondContainer-div-1 .secondContainer-subtitle{letter-spacing:0px;}
    .secondContainer-div-3 img {width: 27px;}
    .secondContainer-div-2 {
        margin-top: 21px;
        margin-left: 0;
        margin-right: 0;
        text-align: center!important;
        width: 100%;
    }
    .img-steps-div {
        margin-left: 0;
        margin-bottom: 5px;
    }
    .img-steps {height: 19px;}
    .secondContainer-div-3 {display: block;}
    .secondContainer-div-3 .secondContainer-subtitle {
        font-size: 20px;
        line-height: 24px;
        margin-bottom:0px
    }
    .home-direct-title {
        font-size: 24px;
        line-height: 29px;
        margin-top: 21px;
        margin-bottom: 15px;
    }
    .home-direct-text {
    font-size: 18px;
    line-height: 22px;
}
    
    #thirdContainerIndex {
        background-color: #FFFFFF;
        margin-top: 13px;
    }
    .thirdContainer-nocarousel {display: none !important;}
    .thirdContainer-carousel {display: flex !important;}
    .home-carousel-img {
        height: 466px;
        margin-bottom: 21px;
    }
    #fourthContainerIndex {
        background-color: #FFFFFF;
        padding-bottom: 24px;
    }
    .fourthContainer-div-1 {
        width: 100%;
        margin-top: 17px;
    }
    .fourthContainer-div-2 {
        width: 100%;
        padding: 0 15px;
        margin: 0;
    }
    .fourthContainer-title {
        font-size: 24px;
        line-height: 29px;
        background-color: #012840 !important;
        padding: 14px 0;
        -webkit-text-stroke: unset;
        text-shadow: none;
    }
    .fourthContainer-text {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        margin: 0;
        padding: 0 15px;
    }
    .fourthContainer-div-1 button.btn-apply {
        font-size: 3.334vw;
        line-height: 4.13vw;
    }

    #fifthContainerIndex {background-color: #FFFFFF;}
    #fifthContainerIndex div.container{padding-left:0;padding-right:0;}
    .fifthContainer-title {
        font-size: 20px !important;
        line-height: 24px !important;
    }
    .fifthContainer-text {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .fifthContainer-img img {
        -webkit-filter: drop-shadow(4px 3px 5px #c0c0c0);
        filter: drop-shadow(4px 3px 5px #c0c0c0);
        height:24px;
    }
    .mt-md-n3 {display:none;}
}

/*iPhone 5/6/7 landscape {*/
@media (width: 667px) and (height: 375px) {
    #nav-menu {
        top: 50px;
    }

    .home-block-alreadyapproved {
    margin-top:40px;
    margin-left:-13px
    }

    .home-block-needcash {
    margin-right:-10px;
    margin-top:70px;
    max-width: 270px;
    }

    #topContainerIndex {
    height:346px !important;
    background: url(/Skins/UWB/images/iphone_landscp.png) no-repeat;
    background-size: 100%;
    background-position: bottom;
    }
}
/*iPhone 5/6/7 plus*/
@media (width: 736px) and (height: 414px) {
    #nav-menu {
        top: 50px;
    }
    .home-block-alreadyapproved {
    margin-top:40px;
    margin-left:-13px
    }

    .home-block-needcash {
    margin-right:-13px;
    margin-top:94px;
    max-width: 270px;
    }

    #topContainerIndex {
    height:378px !important;
    background: url(/Skins/UWB/images/iphone_landscp.png) no-repeat;
    background-size: 100%;
    background-position: bottom;
    }
}

/*iPhone x*/
@media (width: 812px) and (height: 375px) {
    nav > .container {
    max-width:unset;
    }

    .home-block-body {
        font-size: 14px;
        line-height: 20px;
        margin-top: 5px;
    }


    #topContainerIndex2 {
        position:relative;
    }
        .home-block-alreadyapproved {
    top:15px;
    left:10px
    }

    .home-block-needcash {
    left: unset;
    bottom:50px;
    right:-15px;
    top:unset;
    max-width: 270px;
    }

        .home-block-needcash button.btn-apply,.home-block-alreadyapproved button.btn-bgdark-yellow {
        margin-top:8px;
        padding: 0px 16px 2px !important;
        line-height: 28px;
        font-size: 14px;
        height: 34px;
        text-transform: capitalize;
        }

    #topContainerIndex {
    height:378px !important;
    background: url(/Skins/UWB/images/home_first_background.jpg) no-repeat;
    background-size: 100%;
    background-position: bottom;
    }
}

/*iPhone landscape }*/

@media (max-width: 767px) and (min-height: 812px) {
    #topContainerIndex {
        background: url('/Skins/UWB/images/home_first_background_phone2.jpg') no-repeat;
        background-size: cover;
        height: 216.53334vw;
    }
    .home-block-needcash {margin-top: 74px;}
    .home-block-alreadyapproved {margin-top: 35.73334vw;}
}



.applyNowCard {
    display: flex;
    flex-direction: column;
    /*flex-direction: row;
    min-height: 100vh;
    height: 330px;*/
    max-width: 250px;
    min-width: 250px;
    padding: 0;
    background-color: rgba(7,171,197,0.3);
}

    .applyNowCard .card-header {
        color: #35B91A !important;
    }

    .applyNowCard #applyNow {
        background: transparent;
        color: white;
    }

.signDocCard {
    display: flex;
    flex-direction: column;
    padding: 0;
    border: none;
    background-color: transparent;
}

#lastContainerIndex {
    background: #ffffff url('/Skins/UWB/images/adolescent-adult.png') no-repeat center center;
    background-size: cover;
    height: 450px;
}

/*#privacyContainer {
    background: #ffffff url('/Skins/MM/images/xavier-mouton-photograph.png') no-repeat center center;
    background-size: cover;
    height: 400px;
}*/



.lastContainerCardIndex {
    /*position: absolute;
    top: 100px;
    left: 300px;*/
    background-color: rgba(245, 245, 245, 0);
    border: 0;
    color: white;
    max-width: 220px;
}

/*How it works*/
/*#worksContainer{
    background: url('../DashOfCashBS/Images/howItWorks.png')  center;
}*/
#worksContainer {
    background: url('../DashOfCashBS/Images/howItWorks1.png');
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-position: center top;
}
/*Payment method page*/
.btnWithArrow {
    height: 44px;
}

.btnWithArrowImg {
    top: 25%;
    right: 15px;
}
@media (max-width: 991px) {
    
    .divDocContainer .text-success /*DT-233*/ {
            font-size: 2.3rem;
    }
    .divDocContainer a.text-success {
        font-size: 1rem;
    }


    /*.navbar {
        display: block;
        padding: 0 !important;
    }*/

    .applyNowCard {
        /*max-width:100%;*/
        margin: 15px;
    }

    /*#topContainerIndex {
        margin-top: -92px;
        padding-top: 92px;
        margin-top: -268px;
        padding-top: 268px;
        background: #ffffff url('/Skins/DashOfCashBS/images/speedBoatM.jpg') no-repeat bottom center;
        background-size: cover;
    }*/

    .d-810-none {
        display: none !important;
    }
}

@media (max-width: 767px) {
    /*#topContainerIndex {
        margin-top: -380px;
        padding-top: 380px;
        background: #ffffff url('/Skins/DashOfCashBS/images/speedBoatM.jpg') no-repeat bottom center;
        background-size: cover;
    }*/
    /*#topContainerIndex {
        padding-top: 45%;
        background: url('/Skins/UWB/images/home_page_background.jpg') no-repeat top center;
        background-size: cover;
        /*background-position:-292px -54px;*/
        /*padding-left: 0px;
        padding-right: 0px;
    }
     #topContainerIndex2
    {
         background: linear-gradient(to bottom, #ffffff00, #000000bf, #000000bd);
    }*/
    .applyNowCard {
        margin-bottom: 230px !important;
    }

    .postop {
        position: relative;
        top: -255px;
    }

    .esigpage .card-body {
        padding-left: 0;
        padding-right: 0;
    }

    .esigpage .tbl-header {
        word-break: break-word;
    }
  
}



/*faq*/
.faqCard {
    background-color: #D2D2D2;
    border: #707070;
    margin: 30px 10px;
    font-family: Lato;
    box-shadow: 3px 3px 3px #415A77;
    border-radius: .25rem !important;
}

.faqCard a:hover{
    text-decoration: none!important;
}



.faqCard-title {
    color: #012840;
    font-size: medium;
    font-weight: bold;
}

.collapsed .faqCard-title {
    color: #415A77;
    font-size: medium;
    font-weight: bold;
}

.faqCard-info {
    border-left-color: #012840;
    border-left-width: 8px;
    border-left-style: solid;
    color: #012840;
    font-size: small;
    border-bottom-left-radius: .25rem;
}

.faqHeader {
    color: #012840;
    font-size: medium;
}


.arrowdown, .darrow {
    background: url("/skins/UWB/Images/faqMinusBtn.svg") no-repeat center;
    /*color: transparent;
    min-width:21px;
    width: 21px;
    height: 21px;
	min-height:21px;*/
    min-width: 30px;
    height: 28px;
}

.arrowright, .collapsed .darrow {
    background: url("/skins/UWB/Images/faqPlusBtn.svg") no-repeat center;
    /*color: transparent; 
    width: 29px;
    height: 29px;*/
    min-width: 30px;
    height: 28px;
}
.nounderline {
    text-decoration: none !important;
}

.left {
    content: url("/skins/UWB/Images/faqDownArrow.svg");
}

.right {
    content: url("/skins/UWB/Images/faqRightArrow.svg");
}

/* desctop Menu */
/*a.nav-link, a.nav-link:hover {
    color: #063e5e;
/*    text-transform: none !important;
}*/

/*.home a.nav-link, .home a.nav-link:hover {
    color: #fff;
}*/

/*.nav-link.active {
    background: url('images/arrow-active-page1.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    color: #063e5e;
}*/

/*@media (max-width: 991px) {
    .nav-link.active {
        background: url('images/arrow-active-page1.png');
        background-repeat: no-repeat;
        background-position: center bottom;
        color: #063e5e;
    }
}*/

.dropdown-item.active, .dropdown-item:active {
    background: #28a745;
}

.roundcheckbox {
    position: relative;
    top: -3px;
    border-width: 2px !important;
    color: transparent;
}

.popover {
    max-width: 200px;
}

#carousel-reviews {
    width: 100%;
}

    #carousel-reviews .carousel-inner {
        /*height: 320px;*/
        height:250px;/*DT-154*/
    }

    #carousel-reviews .carousel-item {
        height: 186px;
        overflow: hidden;
        padding-bottom: 10px;
        text-overflow: ellipsis;
    }


.carousel-indicators li{
    width: 20px;
    height: 20px;
    margin-left:10px;
    margin-right: 10px;
    background-color: #c1c1c1;
    border-radius: 50rem;
    box-sizing: border-box;
    background-clip: unset
}
@media (max-width:767px) {
    .carousel-indicators li {
        width: 15px;
    height: 15px;
    border-top: 7px;
    border-bottom: 7px
    }
}

.carousel-indicators {
    width: max-content;
    border-radius: 50rem;
    bottom: 0;
}
/*.carousel-indicators li {
    height: 4px;
    width: 4px;
    margin-top: 5px;
    background-color: #AFAFAF;
    border-radius: 50%;
}



.carousel-indicators .active {
    height: 8px;
    width: 8px;
    margin-top: 2px;
    background-color: #28a745;
}*/
.carousel-control-next, .carousel-control-prev {
    position: relative;
    color: #28a745;
    width: auto;
    display:none !important;/*there is no arrows in uwb design 2020-07-08 */
}

/*.carousel-indicators {
    /*position: initial;
    position: relative;
    bottom: 4px;
    /*right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin: 5px 20px;
    list-style: none;
    align-items: center;
    width: 50px;
}*/

.carousel-indicators-div {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
}

.fa-star, .fa-star-half-alt {
    color: orange;
}

.color-green-inverse.fa-star, .color-green-inverse.fa-star-half-alt {
    color: white;
    background-color: green;
    margin-right: 1px;
    font-size: 10px;
    padding: 3px;
}

.color-grey-inverse.fa-star, .color-grey-inverse.fa-star-half-alt {
    color: white;
    background-color: #AFAFAF;
    margin-right: 1px;
    font-size: 10px;
    padding: 3px;
}

@media (max-width: 768px) {
    .border-xs-none {
        border: none !important;
    }
    .faqCard-info{
        border-left-width: 5px;
    }
}


.cursor-pointer, .cursor-pointer:hover {
    cursor: pointer !important;
}

.round {
    border-radius: 50%;
    border: 3px solid rgba(0,0,0,.13);
}
.round-25 {
border-radius:25px
}

.home-menu .round {
    border-color: rgb(248, 249, 250, .28);
}
/*{ border-color:#f8f9fa;}*/
.home-menu #uname {
    color: #f8f9fa !important;
}

input[type=submit].dropdown-item:hover {
    color: #0de037;
    font-weight: bold;
}

.smallinfo * .tbl-text {
    font-size: smaller;
}


/*Login popup*/
.close-popup, .close-popup:hover {
    /*width: 24px;*/
    font-size: 30px;
    top: 10px;
    right: 15px;
    z-index: 1000;
    opacity: 1;
    color: #fff !important;
    width: 30px;
    border-radius: 5px;
    font-weight: normal;
    background: #45ACE1 !important;
    text-shadow: none;
}

#loginPopUp {
    /*background: rgb(255, 255, 255, 0.5);*/
    /*background: rgb(204, 204, 204, 0.5);*/
    background: rgb(150, 150, 150, 0.9);
    max-width: 60%;
    max-height: 60vh;
    width: 470px;
    height: 320px;
}

@media (max-width: 767px) {
    #loginPopUp {
        width: 470px;
        height: 320px;
        max-width: 95%;
        max-height: 95vh;
    }
}

#loginPopUp .modal-dialog,
#loginPopUp .modal-content /*, 
     #loginPopUp input[type=text],
    #loginPopUp input[type=password]*/ {
    background: none !important;
}
/* Chrome, Firefox, Opera, Safari 10.1+ */
/*#loginPopUp ::placeholder { 
    color: #fff;
    opacity: 1; 
}*/
/* Internet Explorer 10-11 */
/*#loginPopUp :-ms-input-placeholder { 
    color: #fff;
}*/
/* Microsoft Edge */
/*#loginPopUp ::-ms-input-placeholder { 
    color: #fff;
}*/

.cdisabled {
    color: #AAAAAA;
}

.fade {
    transition: opacity .45s linear;
}

@media (min-width: 992px) {
    .anim {
        -webkit-transition: all 1.5s;
        -moz-transition: all 1.5s;
        -ms-transition: all 1.5s;
        -o-transition: all 1.5s;
        transition: all 1.5s;
        overflow: hidden;
        transform-origin: center center;
        transform: scale(0,0);
        display: block;
    }

        .anim.show {
            transform: scale(1,1);
        }
}

.border-double {
    border: double !important;
}

@media (max-width: 991px) {
    /*.navbar-nav .dropdown-menu {
        position: absolute !important;
    }*/

    .anim {
        -webkit-transition: all 1.5s;
        -moz-transition: all 1.5s;
        -ms-transition: all 1.5s;
        -o-transition: all 1.5s;
        transition: all 1.5s;
        overflow: hidden;
        transform-origin: center center;
        transform: scale(0,0);
        display: block;
    }

        .anim.show {
            transform: scale(1,1);
        }
}

/*About us page {*/
.h-400 {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

    .h-400 img {
        height: auto;
        width: 100%;
    }

.mh-400 {
    min-height: 400px;
}

.h-200 {
    height: 200px;
    width: 100%;
}

    .h-200 img {
        width: auto;
        height: 100%;
    }

.nav-border-grey {
    border-top: 1px solid #C0C0C0;
}

@media (max-width: 768px) {
    .aboutus-subtitle {
        font-weight: bold;
    }
}
/*About us page }*/


td.details-control {
    background: url('/images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('/images/details_close.png') no-repeat center center;
}

tr.shown td.details-pmt-control, tr.shown td.loan-details-control, a.loan-details-control {
    background: url('/skins/UWB/Images/faqMinusBtn.svg') no-repeat center center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    /*background-image: url('/skins/MM/Images/faqMinusBtnWhite.svg');*/
}

    td.details-pmt-control, td.loan-details-control, a.loan-details-control.collapsed {
        background: url('/skins/UWB/Images/faqPlusBtn.svg') no-repeat center center;
        /*background-image: url('/skins/MM/Images/faqPlusBtn.svg');*/
    }


.has-float-label .form-control:placeholder-shown:not(:focus) + * {
    font-size: 80%;
    top: 16%;
    padding-top: 1px !important;
}

.has-float-label .form-control:-ms-input-placeholder:not(:focus) + * {
    font-size: 80%;
    top: 16%;
    padding-top: 1px !important;
}

.signature-block * .has-float-label .form-control:-ms-input-placeholder:not(:focus) + * {
    font-size: 100%;
    padding-top: 2px !important;
}

.signature-block * .has-float-label .form-control:placeholder-shown:not(:focus) + * {
    font-size: 100%;
    padding-top: 2px !important;
}

.input-group .has-float-label .form-control:-ms-input-placeholder,
.input-group .has-float-label .form-control:focus:-ms-input-placeholder,
.modularForm .has-float-label .form-control:-ms-input-placeholder,
.modularForm .has-float-label .form-control:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: transparent !important;
    opacity: 0;
}



/*New code for floating labels - as Edge does not support old code {*/
.control-label {
    color: #012840;
    font-family:'Lato',sans-serif;
    cursor: text;
    font-size: 16px;
    line-height: 0.7;
    margin: 0;
    padding-top: 8px;
    position: absolute;
    top: 3px;
    left: 37px;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    max-width: 100%;
    white-space: nowrap;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, -webkit-transform;
    transition-property: color, -webkit-transform;
    transition-property: color, transform;
    transition-property: color, transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0.5;
}

.modularForm .control-label {
    font-size: 80%;
    top: 23%;
    padding-top: 0px;
    left: 3px;
}

@media (max-width: 767px) 
{
.modularForm .control-label {
    font-size: 80%;
    top: 23%;
    padding-top: 0px;
}
    
}
 


    .modularForm .control-label.address-lbl {
     font-size: 80%;
    
    top:28%
    }

.myaccount .control-label {
    left:10px;
}

/*#Profileform .control-label {
    font-size: 110%;
    left: 2em;
}*/

.form-group [class*="col-"] .control-label {
    left: 16px;
}

.form-group.control-focus .control-label, .form-group.control-highlight .control-label {
    -webkit-transform: scale(0.9, 0.86) translateY(-27px);
    transform: scale(1, 1) translateY(-26px);
}

.modularForm .form-group.control-focus .control-label, .modularForm .form-group.control-highlight .control-label {
    /*-webkit-transform: scale(0.8, 0.8) translateY(-35px);
    transform: scale(0.8, 0.8) translateY(-35px);*/
    font-size: 12px;
    top: 18px;
    opacity: 1;
    color:#415A77;
}

/*#Profileform .form-group.control-focus .control-label, #Profileform .form-group.control-highlight .control-label {
    left: 2em;
    font-size: 80%;
}*/

.modularForm .form-group.control-focus .control-label, #Profileform .form-group.control-focus .control-label {
    
    font-size: 12px;
}

.form-group {
    margin-top: 4px;
    position: relative;
}

.modularForm .form-group {
    margin-top: 0px !important;
}

.form-group .form-control {
    z-index: 1;
}

    .form-group .form-control::-webkit-input-placeholder,
    .form-group .form-control::-moz-placeholder,
    .form-group .form-control:-ms-input-placeholder,
    .form-group .form-control::placeholder {
        color: transparent;
    }

legend + .form-group {
    margin-top: 12px;
}

.form-control {
    /*color: rgba(0, 0, 0, 0.87);*/
    border-radius: .25rem;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
}


    .app-fc:focus, .app-fc:active {
    border-bottom: solid 2px #2A628F;/*#1F98FF*/
    }
.form-group small.text-danger {
position:absolute;
left:3px;
font-family:'Lato',sans-serif;
font-size: 12px;
}   
    
/*set brder:0 on index page*/
.home .input-group .form-control {
    border: 0;
}

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus .form-control:-webkit-autofill {
    background-color: #fff !important;
    background-image: none;
    /*color: #4285f4;
        -webkit-text-fill-color: #4285f4;*/
    -webkit-box-shadow: 0;
    transition: background-color 5000s ease-in-out 0s;
}

.form-control, .form-control:focus {
}

    .form-control:focus {
        /*box-shadow: 0 0 0 !important;
            -webkit-box-shadow: 0 0 0 !important;*/
        /*outline:2px;*/
    }

/*for index page*/
.shadow-text {
    text-shadow: 5px 5px 6px #000000a6;
}
.shadow-text-md {
    text-shadow: 4px 3px 6px #00000029;
}
.home .input-group .form-control:focus {
    border: solid 1px #fff;
}

.form-control:focus:invalid {
    border-color: #4285f4;
    border-bottom-width: 2px;
}

.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::placeholder {
    color: transparent !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    border-style: solid;
    background-color: transparent;
    /*color: rgba(0, 0, 0, 0.38);*/
    cursor: not-allowed;
    opacity: 1;
}
/*New code for floating labels - as Edge does not support old code }*/

/*$ dollar sign for money inputs .dollar should be set to the parent of input */
.dollar:before {
    position: absolute;
    content:"$";
	top:10%;
    color:#052C4D;
    font-weight:normal;
    /*font-size:1rem*/
}
.dollar>input {
background-color:transparent !important;
}


.bg-white
{
	background-color:white !important;
}

/* loanstatus payment table alignment*/
#divcbPrincipalpmthistory .dataTables_wrapper {
display:flex!important;
justify-content:center;
}

#ContentPlaceHolder1_divcbPrincipal a, #ContentPlaceHolder1_divcbPrincipal a:hover {
    text-decoration:none!important;
    font-weight:normal;
    font-size:larger;
}
/*to fix cols problem on safari <10 iphone {*/
.row:before, .row:after {display: none !important;}
.rowsafari{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
/*to fix cols problem on safari <10 iphone }*/

@media (min-width: 992px) and (max-width: 1145px) {
    .zip {
        padding: 0.5rem;
    }
}
@media (max-width: 480px) {

.pmtmethodgrid
{
    font-size:smaller;
}
h2{font-size: 1.6rem;}
}
/*@media (max-width: 990px) commented as it couse wrong nav width on pages 
{
.container {
     max-width: 100%
}
}*/


.collapsed h5 /*for FAQ on samsung*/
{
	max-width:90% !important;
}


    @media (max-width:360px) {
        .collapsed h5 /*for FAQ on samsung*/ {
            max-width: 80% !important;
        }

        .arrowdown, .darrow {
            width: 46px;
            background-repeat: no-repeat;
            background-position: center;
        }
    }
    /* New dialog on index page*/
    #topslidepopup {
            bottom: unset;
        }

        #topslidepopup.modal.show .modal-dialog {
            top:0;
            opacity:1;

        }
        #topslidepopup .modal-dialog {
            display:table;/*to make width flexible*/
            position: relative;
            top: -250px;
            /*margin:50px auto 0;*/
            margin:60px auto 0 50px;
            height: auto;
            opacity: 0;
            -webkit-transition: opacity 0.8s ease-out, top 1.3s ease-out;
            -moz-transition: opacity 0.8s ease-out, top 1.3s ease-out;
            -o-transition: opacity 0.8s ease-out, top 1.3s ease-out;
            transition: opacity 0.8s ease-out, top 1.3s ease-out;
            
        }
        #topslidepopup .modal-dialog *
{
background:#45ACE1;
}
        @media (min-width: 576px) {
    #topslidepopup .modal-dialog{
        max-width:90%;
    }
}
@media (min-width: 992px) {
    #topslidepopup.modal.show .modal-dialog {
        max-width: unset;
    }

    #topslidepopup .modal-title {
        white-space: nowrap;
    }
}


/*Colors*/
.color-header{
    color: #012840!important;
}
.color-lightblue{
    color: #E4F2FE!important;
}
.rounded-mm
{ 
    border-radius: 1em!important;
}

.right-rounded-mm {
    border-bottom-right-radius: 1rem!important;
    border-top-right-radius:1rem!important;
}

.left-rounded-mm {
    border-bottom-left-radius: 1rem!important;
    border-top-left-radius:1rem!important;
}

.top-rounded-mm {
    border-top-right-radius: 1rem!important;
    border-top-left-radius:1rem!important;
}

.loanstatus-title {
    color: #052C4D;
    font-size: 16px !important;
    line-height: 18px !important;
    font-family: 'Lato', sans-serif;
}
.loanstatus-message {
    color: #16324F;
    font-size: 13px !important;
    line-height: 15px !important;
    font-family: 'Lato', sans-serif;
}
.loanstatus-smallmessage {
    color: #16324F;
    font-size: 14px !important;
    line-height: 16px !important;
    font-family: 'Lato', sans-serif;
}

.loanstatuscfooter
{
    background-color: #052C4D;
    border-bottom-left-radius:1em!important;
    border-bottom-right-radius:1em!important;
 }
.applynowtransparent
{
width:100%;
height:100%;
border:none;
background:transparent;
color:White;    
}
.textboxtransparent
{
   border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-radius: 0;
    border-bottom: solid 1px #E9E9F0;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: normal;
    padding-right: 3px !important;
    padding-left: 3px !important; 
    background-color:transparent;
    width:3em
    }

.bg-lightblue {
    background:#E4F2FE !important
}

.bg-dark {
    background-color: #052C4D!important
}

.box-shadow {
box-shadow: 3px -3px 5px #707070;
}

 .applynow
 {
    border-radius: 1em!important; 
    background-color:White;
    border:2px solid black;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
 }

.submitAppBtn {
    background:#012840;
    border: 2px solid #F8BC39;
    border-radius: 50rem !important;
    color:#fff;
}

@media (max-width: 767px) {
    .profilepage .btn-block.submitAppBtn {
        width:50% !important;
        margin:auto;
    }
}


.paym-select {
    width: 100%;
    padding-left:6px;
    padding-right:10px;
    background: none;
    border: 2px solid #052C4D !important;
    border-radius: 1em!important;
    background: #E4F2FE url('images/dropdown_1.png') no-repeat right 7px center!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modularForm .form-control.border-lightblue, .apply-select.border-lightblue {border:2px solid  #F8BC39;}
.hasDatepicker + label {
cursor:pointer;
}

.paym-bordbottom {
    border-left: none!important;
    border-top: none!important;
    border-right: none!important;
    border-bottom:1px solid #052C4D;
    border-radius:0px;
    outline:none!important;
    box-shadow:none!important;
    
}
.paym-bordbottom:focus{
    color:#052C4D;
}

/*Animate.css*/
.slow {
    animation-duration: 1s;
    /*animation-delay: 2s;*/
}
#applyNow4
{padding-top:6px!important;
 padding-bottom:6px!important;
 border-width:3px!important;
 bottom:173px;
 left:387px;
 }
#imgw1
{
 height:478px; bottom:0;padding-top:34px   
}
#fourthContainerIndex .row 
{
    min-height:490px;
}
@media (max-width: 992px) and (min-width: 767px) 
{

#applyNow4
{padding-top:6px!important;
 padding-bottom:6px!important;
 border-width:3px!important;
 bottom:130px;
 left:268px;
 }
#imgw1
{
 height:350px; bottom:0;padding-top:14px   
}

}
@media (max-width: 767px) 
{

#applyNow4
{padding-top:6px!important;
 padding-bottom:6px!important;
 border-width:3px!important;
 bottom:94px;
 left:196px;
 }
#imgw1
{
 height:250px; bottom:0;padding-top:4px   
}

}
@media (max-width: 370px) 
{
    #fourthContainerIndex .row 
{
    min-height:380px;
}
#imgw1 
{
    display:none;
}
#applyNow4
{
    display:block;
    width:140px;
    margin-left:-70px;
    left:50%;
    bottom:10px;
 }
#divfourthconttext
{
    margin-left:0px;
    max-width:100%; 
    flex:0 0 100%;
    margin-bottom:0px!important;
    padding-bottom:0px!important;
    }
}
.history .text-danger, .payments .text-danger
{
    color: #d40707!important;
}

.history .text-success, .payments .text-success
{
    color: #00AE29!important;
}
/* home page mobile*/
@media (max-width: 767px) 
{
 /*.indexpage .btn-MM 
 {
    min-height: 40px !important;
    padding: 6px 14px !important;
    border-radius: 50rem !important;
    cursor: pointer;
  }*/ 
  
  .feedBack-MM {
    box-shadow: 3px 3px 6px #070707a6;
    border-radius: 50rem !important;
    height: 45px;
    background-color: white;
    border: 3px solid #012840;
    min-width:150px;
}
  
}

#body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(52, 59, 64, 0.6);
    display: none;
}

.bg-loanstatus-header {
    height: 210px;
    background: #E4F2FE url('/Skins/UWB/images/HeaderLoanStatus.svg') top center no-repeat;
    background-size: cover;
    /*margin: 0 -15px;*/
}

@media (min-width:1200px) {
.bg-loanstatus-header {
background-position-y: -30px;

}
}
@media (min-width:1600px) {
.bg-loanstatus-header{
background-position-y: -75px;

}
}

@media (min-width:1900px) {
.bg-loanstatus-header{
background-position-y: -80px;

}
}

@media (max-width:768px) {
.inactive .bg-loanstatus-header {
height: 235px;
}
}

.bankrupt .bg-loanstatus-header {
        height: 200px;
        background-position-y: -40px;
    }

@media (max-width:768px) {
.bankrupt .bg-loanstatus-header{
height: 150px;
background-position-y: 0px;
}
}

@media (min-width:1600px) {
.bankrupt .bg-loanstatus-header{
background-position-y: -90px;
}
}

@media (max-width:768px) {
.preappr .bg-loanstatus-header {
height: 200px;
}
}

.btn-download{
    min-height: 32px !important;
    padding: 8px 16px !important;
    border-radius: 50rem !important;
    cursor: pointer;
    text-decoration: none!important;
    border-radius: 1em!important;
}
.rhh
{
    margin-top: 1.25rem!important;
}

.rhr
{
    margin-top: .25rem!important;
}

.has-float-label label, .has-float-label>span{
    color:#012840;
    font-size:12px;
}

/* privacy notice {*/
.Privacy-Notice {

}

.bg-privnotice {
    background-color: #F8BC39;    
}
.bg-pn-light {
    background-color:#F1F3F4;
}
.bg-pn-dark {
     background-color:#CFD7DA
}
.pn-caption {
    color:#012840;
    font-weight:bold;
    text-align:left;
}
.pn-row {
min-height:40px
}

.Privacy-Notice ul {
    padding-left: 20px;
}

.Privacy-Notice .bg-white,  .bg-privnotice
, .bg-pn-light,.bg-pn-dark{
 padding-bottom: .5rem!important;
 padding-top: .5rem!important;
}


.btn-yellow {
    border-radius:50rem;
    background:#F8BC39!important;
    color:#012840;
    border:none;
    cursor:pointer;
    padding: .15rem 1rem 0.25rem !important;
    text-decoration:none !important;
}

@media (max-width:767px) {
    .Privacy-Notice .break-word {
    word-wrap: break-word;
    word-break: break-word;
    }
}
/* privacy notice } */

/* no outline for buttons*/
[type=reset], [type=submit], button, button:focus, html [type=button],html [type=button]:focus,.btn:not(:disabled):not(.disabled) {
outline:none!important;
box-shadow:none!important;
}



/*menu fix for ipads*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .nav-addr {
        bottom: 56px !important;
    }
}
/*menu fix for iphone*/
@media screen and (min-width: 600px) and (max-width:736px){
    nav {
    height:50px
    }
        nav ~ div {
            margin-top: 50px
        }
    
    .loan-pmts-pages {
        margin-top: 50px
    }
}

/*buttons color yellow on hover { */
 .btn:hover {
    color: #F8BC39
}

.nav-btn-login:hover, .btn-yellow:hover {
color:#fff;
}
/*buttons color yellow on hover } */

@media (max-width:767px) {
    .container-result /*application complete page*/ {
        margin-top: 4rem;
    }
}

/* Manage subscriptions page  {*/
.man-sub-header {
color: #F8BC39 !important;
font-size:20px;
font-weight:bold;
}

.man-sub-mainpart {
    min-height: 100vh
}



.btn-man-sub {
    background:#F8BC39;
    border: solid 2px #fff;
    box-shadow: 3px 3px 6px rgba(0,0,0, 0.5) !important;
    border-radius: 50rem;
    padding:5px 25px
}

#dvSubsError {
min-height: calc(100vh - 60px);
}

/*This element should be shown only in MM */
 #mmsubsmountains {
    display:none !important;
    }
/* Manage subscriptions page  }*/


/* AUTO-207 New design of esign and pre-esign page { */
.esigpageview {
    background: #EAF2F8;
}


/* AUTO-207 New design of esign and pre-esign page } */
/*Notifications*/
.btn-notify-close {
    background: #16324F !important;
    box-shadow: 0px 4px 4px rgba(0,0,0,.25) !important;
    border: 2px solid #F8BC39 !important;
    border-radius: 50rem;
    color: #F8BC39 !important;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    padding: 4px 12px !important;
    opacity: 1 !important;
    text-shadow:none!important;
}
.smiley {
    color: #F8BC39 !important;
}
    .smiley svg {
        width: 50px;
        height: auto;
        margin-right: 16px;
    }

.waiting {
    text-align: center;
    padding: 48px;
    margin: 0 auto;
    width: 275px;
}

.btn-signauth, a.btn-signauth, button.btn-signauth {
    background: #16324F;
    color: #F8BC39 !important;
    border-radius: 50rem !important;
    line-height: 12px;
    height: 26px;
    padding: 5px 10px;
    font-size: 12px;
    /*    vertical-align: middle;
    display: flex;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;*/
    border: 1px solid #F8BC39 !important;
    min-width: 133px;
}
/*@media (max-width:1199.99px) {
    .btn-signauth, a.btn-signauth {
        background: #16324F;
        color: #F8BC39 !important;
        border-radius: 50rem !important;
        line-height: 1px;
        height: 32px;
        padding: 0px 0px 0px 2px;
        vertical-align: middle;
        font-size: 18px;
        border: 1px solid #F8BC39 !important;
    }
}*/