/*Estilos Generales*/
    .login-page .card-login{
        max-width: 400px !important;
        padding: 45px;
        border: 0px solid rgba(0,0,0,0.4);
        background: rgba(0,0,0,0.4);
        border-radius: 20px;
    }

    .page-header:before{
        background-image: url(/images/9/fondoCepsa.jpg);
        background-size: cover;
        background-repeat: none;
        background-color: #67a9ff !important;
    }
    .fa{
        font-size: 20px;
    }
    .login-page .card-login .logo-container{
        width: 70%;
    }

    .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: #ff5001 !important;
    }
    .navbar p {
        line-height: 2.6em;
    }

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

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

    .copyright{
        text-align: right;
        line-height: normal !important;
    }

    .logoFooter{
        width: 50%;
    }

    .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;
    }


    /*Responsive Login LoginCepsa*/

    @media (min-width: 280px) and (max-width: 469px){
        .login-page .card-login .logo-container img{
            width: 50%;
        }
        .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%;
        }
    }