/*Estilos Login*/
.login-page .card-login{
    max-width: 400px !important;
    padding: 45px;
    border: 0px solid rgba(0,0,0,0.5);
    background: #5C4738;
    border-radius: 20px;
}
.page-header:before{
    background-image: url(/images/191/portal.jpg);
    background-size: cover;
    background-color: #67a9ff !important;
}

.fa{
    font-size: 20px;
}
.login-page .card-login .logo-container{
    width: 100%;
}

.login-page .card-login .logo-container{
    margin-bottom: 0px !important;
}

.page-header{
    min-height: 100vh !important;
}
.index-page .page-header{
    height: 100vh !important;
}


.form-control{
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
}
.form-control:hover,
.form-control:focus{
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: none;
}
.btnLoginIsa{
    background: #FFB500 !important;
    color: #5C4738; !important;
}
.btnLoginIsa:hover{
    color: #0a0a0a; !important;
}
.navbar p {
    line-height: 2.6em;
}

option {
    background: #fff;
    color: #000;
}

.termsConditions {
    font-size:  12px !important;
    color: #f1f1f1 !important;
}


.text-danger {
    color: #fffefe !important;
    font-size: 12px !important;
    border: 0px;
    border-style: groove;
    background: rgba(31, 31, 31, 0.3);
    border-radius: 23px;
    font-weight: 600;
}

.passPar{
    background: rgba(255, 255, 255, 0.1) !important;
    border: none !important;
}

/*Responsive Login LoginCepsa*/

@media (min-width: 280px) and (max-width: 469px){
    .login-page .card-login .logo-container img{
        width: 100%;
    }
    .login-page .card-login .logo-container{
        margin-bottom: 0px !important;
    }
    .copyright{
        visibility: hidden;
    }
    .logoFooter {
        width: 30%;
    }
    .footerNav{
        margin-bottom: -20%;
    }
}

@media (min-width: 470px) and (max-width: 767px){
    .login-page .card-login .logo-container img {
        width: 70%;
    }
    .login-page .card-login .logo-container{
        margin-bottom: 0px !important;
    }
    .copyright{
        visibility: hidden;
    }
    .logoFooter {
        width: 30%;
    }
    .footerNav{
        margin-bottom: -10%;
    }
}

@media (min-width: 768px) and (max-width: 960px){
    .login-page .card-login .logo-container img {
        width: 70%;
    }
    .login-page .card-login .logo-container{
        margin-bottom: 0px !important;
    }
    .logoFooter {
        width: 30%;
    }
    .footerNav{
        margin-bottom: -5%;
    }
    .copyright{
        font-size: 9px !important;
    }
}

@media (min-width: 961px) and (max-width: 991px){
    .login-page .card-login .logo-container img {
        width: 70%;
    }
    .login-page .card-login .logo-container{
        margin-bottom: 0px !important;
    }
    .copyright{
        font-size: 9px !important;
    }
    .logoFooter {
        width: 40%;
    }
}