.content-area { border:1px solid red; }

body.login { background:#b3b3b3; }


nav.navbar {
    background: #28abe2 !important;
}
nav.navbar .navbar-toggler {
    color:white;   
}


@media screen and (min-width:992px) {
   nav.navbar li {
        width: 186px;
    } 
} 


nav.navbar li .navbar-brand {
    margin: 7px 16px;
}

nav.navbar a {
    color: white !important;
    padding: 5px 2px !important;
    margin:0 8px;
    display:inline-block;
    border-bottom:4px solid transparent;
    font:22px "Ubuntu Condensed", sans-serif;
}


nav.navbar li a.active {
    border-bottom-color:#0071BC;
}


nav.navbar .navorange {
    background: #FBB03B;
    padding: 8px 10px 4px !important;
    border-radius:15px;
    margin:0 10px;
    display:block;
}



footer a, footer strong {
    margin-left:0.5ex;
    margin-right:0.5ex;
    text-decoration:none !important;
}
footer a:hover {
    text-decoration:underline !important;
}

footer.v1 {
    height: 170px;
    display:flex;
    align-items:center;
    justify-content:center;
}

footer.v1, footer.v1 * {
    color:#666666;   
}



footer.v2 {
    padding:50px 0;
    background:black;
    text-align:center;
}

footer.v2 * {
    color:#B3B3B3;
}

footer.v2 a {
    color:#B3B3B3;
    text-decoration:none;
}

footer.v2 a.social i { 
    color:#333333;
    display:flex;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
}

footer.v2 a.social,
footer.v2 a.social:hover
 {
    background:#B3B3B3;
    color:#333333;
    font-size: 23px;
    display:inline-block;
    width: 1.4em;
    height: 1.4em;
    text-decoration: none !important;
    border-radius:100px;
    margin: 0 2px;
}



/* data */

.loginbox {
    position:relative;
    max-width: 875px;
    min-height: 495px;
    margin:50px auto;
    display:flex;
}
.logintitle {
    width:48%;
    border-radius:15px 0 0 15px;
    padding: 60px 40px;
    background:#28abe2 url('/theme2021/elements/prestado web-47.png') no-repeat center / cover;
    color:white;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.logintitle img {
    display:block;
    max-width:100%;
}
.logintitle .roundcorner { text-align:center; }

.logintitle .roundcorner img { border-radius: 10px; }


.logintitle hr {
    height:4px;
    opacity:1;
    margin: 60px 30px 55px;
    background-color:white;
}

.logintitle h3 {
    font-size: 42px;
    font-weight:600;
    margin: 0;
    padding: 0;
}
.logintitle h3 span {
    font-size: 0.8em;
    font-weight:300;
}

.loginform {
    width:52%;
    border-radius:0 15px 15px 0;
    padding: 40px 40px;
    background:white;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.icon-user-login {
    display:block;
    margin: 0 auto 48px;
    width:92px;
    height:92px;
    background: url(/theme2021/assets/icon-login.svg) no-repeat center / contain;
    align-self:center;
}

.loginform input.input {
    display:block;
    width:100%;
    margin: 0 0 15px;
    padding:10px 25px;
    height: 58px;
    border-radius: 11px;
    background:#E6E6E6;
    color:#4D4D4D;
    border:0 none;
    outline:none;
}

.loginform label {
    display:block;
    width:100%;
    margin: 0 0 15px;
}

.loginform button {
    display:block;
    width:100%;
    margin: 0 0 15px;
    padding:10px 25px;
    height: 58px;
    border-radius: 11px;
    background:#FBB03B;
    color:white;
    border:0 none;
    font-weight:bold;
}
.loginform button:hover {
    background:#666;
    color:white;
}

.loginwrap {
    max-width: 285px;
    margin:auto;
}


.calculadora-wrap {
    min-height:800px;
    padding: 50px 20px;
    background:url('/theme2021/elements/prestado web-18.svg') no-repeat 118% 50px / 640px;
}

.calculadora-wrap h1 {  }
.calculadora-wrap h1 span { font-weight:300; }


.calctitle {
    display:flex;
    justify-content:center;
    align-items: center;
    font-weight:300;
    font-size: 43px;
    line-height: 1.4em;
    text-align:center;
    box-sizing: content-box;
    margin: 0 auto 15px;
}
.calctitle strong { font-weight:600; }
.calctitle img {height: 2.5em;margin-left: 1.4ex;}

.calculadora-wrap .leftcol {
    background:#CDB69C;
    background:url('/theme2021/assets/cellphone-1055.jpg') no-repeat center center / cover;

    border-radius:18px 0 0 18px;
}

.calculadora-wrap .rightcol {
    background:#F2F2F2;
    border-radius:0 18px 18px 0;
}

.calcformwrap {
    max-width:650px;  
    margin:50px auto; 
    font-weight:300;
}

.calcformwrap input[type=text],
.calcformwrap input[type=text]:focus,
.crearagenciaform input[type=text].form-control,
.crearagenciaform input[type=text].form-control:focus,
.chosenwrap select,
.chosenwrap select:focus
 {
    background:#A8DEEE;
    border:0 none;
    outline:0 none;
    height:44px;
    box-shadow: none;
    font-weight:300;
    border-radius:10px;
}

.calcformwrap label {
    margin-bottom: 10px;
}

.calcformwrap hr {
    background: #CCCCCC;
    height: 1px;
    border: 0 none;
    opacity: 1;
    margin: 18px 0 11px;
}


.calcformwrap button i { margin-right:8px; }
.calcformwrap button.btn-info i {font-size: 1.5em;}

.calcformwrap button,
.calcformwrap button:focus,
.calcformwrap button:hover,
.crearagenciaform button,
.crearagenciaform button:focus,
.crearagenciaform button:hover,
#amortizationTable button,
#amortizationTable button:focus,
#amortizationTable button:hover
{
    display:flex; 
    justify-content:center; 
    align-items:center;
    margin:8px 0;
    color:white !important;
    border:0 none;
    outline:0 none;
    font-size:15px;
    height:46px;
    box-shadow: none;
    font-weight:500;
    border-radius:10px;
}

.calcformwrap button strong { font-weight:700; margin:0 5px; }

.calcformwrap button.btn-warning { background-color:#F8921E; }

.calcformwrap button.btn-info,
#amortizationTable button
{ background-color:#5DBAE5; }

.calcformwrap button.btn-success,
.crearagenciaform button.btn-success
{ background-color:#39B549; }

.calcformwrap button.btn-success {
    cursor:default;
    display:block;
    line-height: 1.2em;
}
.calcformwrap button.btn-success strong { 
    white-space:nowrap;
}

#amortizationTable h4 {
        
}
#amortizationTable button {
    text-transform:uppercase;
    padding: 0 1.8em;
    display:flex;
    align-items:center;
}
#amortizationTable i  {
    margin-right: 7px;
    font-size:1.2em
}


.crear-agencia-wrap {
    min-height:800px;
    padding: 18px 0;
    background:url('/theme2021/elements/prestado web-18.svg') no-repeat 118% 50px / 640px;
}

.crear-agencia-wrap h3 {
    padding: 6px 17px;
    margin: 0 0 14px;
    border-radius:15px;
    font: 1.4em 'Ubuntu Condensed', sans-serif;
    background:#FBB03B;
    color:white;
    width: max-content;
    letter-spacing: -0.61px;
}

.crear-agencia-wrap .cyanribbon {
    background:#31B6E6 url('/theme2021/elements/prestado web-47.png') no-repeat center;
    padding: 0 20px;
    margin: 25px 0;
    color:white;
    display:flex;
    justify-content:center;
    align-items:center;
}

.crear-agencia-wrap .cyanribbon img {
    margin: 25px 40px;
    display: block;
}

.crear-agencia-wrap .cyanribbon a {
    color:white;
    text-decoration:none;
    font-weight:600;
}

.crearagenciaform {
    background:#F2F2F2;
    color:#4D4D4D;
    padding:35px 35px;
    border-radius:15px;
}


.crearagenciaform label.acepto {
    color:#808080;
}

.crearagenciaform label.acepto a {
    color:inherit;
    font-weight:700;
    text-decoration:none;
}

.crearagenciaform label.acepto a:hover {
    text-decoration:underline;
}

.chosenwrap .chosen-single {
    display: flex !important;
    align-items:center;
    font-size:1rem;
    padding: 0.375rem 0.75rem !important;
    background: #A8DEEE !important;
    border: 0 none !important;
    outline:0 none;
    height: 44px !important;
    box-shadow:  0 0 !important;
    font-weight:300;
    border-radius: 10px !important;
}
.chosenwrap .chosen-container-single .chosen-single div b {
    background-position-y: 10px !important;
}

#amortizationTable {
    margin-top:60px;
}
#amortizationTable .panel-heading {
    display:flex;
    justify-content:space-between;
}


#ModalTerminos .modal-header { flex-direction:row-reverse; }
#ModalPoliticas .modal-header {flex-direction: row;flex-wrap:wrap;}
#ModalPoliticas .modal-header small {margin: 12px 0 0;}

.modal-close-2021 {
    font-size: 25px !important;
    border: 3px solid #28ABE2 !important;
    color: #28ABE2 !important;
    background:white !important;
    width: 1.8em !important;
    height: 1.8em !important;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius: 100px;
    position:absolute;
    right: -0.6em;
    top: -0.6em;
    opacity:1 !important;
}

.test-social-icons {
    color:#28abe2;
    font-size: 36px;
    text-align: center;
    margin: 0 auto 40px;
    display: flex;
    justify-content: space-between;
    width: 250px;
}

.grecaptcha-badge { visibility: hidden; }

@media screen and (max-width:767px){

    .loginbox {
        display:block;
        margin: 20px 20px;
    }
    .logintitle {
        width:auto;
        border-radius:20px 20px 0 0;
        padding: 18px;
    }
    .logintitle img {
        max-height: 80px;
        margin:auto;
    }
    .logintitle hr {
        margin: 22px 30px;
    }
    .logintitle h3 {
        font-size:24px;
    }
     
    .loginform {
        width:auto;
        border-radius:0 0 20px 20px;
    }

    footer.v1 {
        display:block;
        text-align:center;
        padding: 20px;
    }

    .calctitle {
        font-size: 24px;
        line-height: 1.2em;
    }
    .calculadora-wrap .rightcol {
        border-radius:18px;
    }

    .crear-agencia-wrap h3 {
        display:none;
    }
    .crear-agencia-intro {
        text-align:center;
        font-size: 13px;
        line-height: 1.3em;
    }
    .crear-agencia-wrap .cyanribbon {
        display:block;
        text-align:left;
        padding: 13px 20px 1px;
        font-size: 13px;
        line-height: 1.3em;
    }
    .crear-agencia-wrap .cyanribbon img {
        float:left;
        margin: 0 13px 5px 0;
        height: 70px;
    }

    .crear-agencia-wrap .cyanribbon p {
        margin:0 0 1em;
    }
    
    #amortizationTable .panel-heading {
        display: inline-block;
    }

}


@media print {
    #form_calculator .form-group {
        width:44%;
        padding:0;
        margin:0;
    }
    #form_calculator input { margin:0; padding:0; }
    #form_calculator hr { display:none; }
    #cal-container div.table-responsive {
        display:block !important;
    }
    #cal-container #amortizationTableMobile {
        display:none;
    }

    .calculadora-wrap { padding:0; }
    .calctitle { margin:20px 0;}
    nav { display:none !important; }
    footer { display:none !important; }
    .grecaptcha-badge, .grecaptcha-badge * { display:none !important; }
}

.links-footer { padding: 26px 0; }

footer .links-footer a:hover { color: #fff }
footer .social-links a:hover { background: #fff !important; }