/* Color palette */

:root {
  --navy-blue: #002652;
  --greyish-brown: #585858;
  --french-blue: #4675ab;
}

/* ----------------------------- Login ------------------------------------- */

.login-bg {
    background: linear-gradient(45deg, #bfdfff, white);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.container-login {
    margin: 0 auto;
    max-width: 500px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 50px 70px;
    z-index: 1;
    margin: 50px 30px;
}

.logo-login{
    background-repeat: no-repeat;
    text-align: center;
    margin-bottom: 35px;
}

.logo-login img{
    max-width: 100%;
    padding: 10px
}

#bottom{
    position: absolute;
    bottom:-2px;
    width: 100%;
    text-align: center;
}

#footer-login p{
    margin-bottom: 0px;
    font-size: 0.9rem;
    color: white;
    font-weight: 300;
    padding: 20px;
    background-color: #3c649b;
}


.btn-primary-login{
    font-weight: 300;
    padding: 15px 20px;
    margin: 20px 0px;
    background-color: #3c649b;    
    color: white;
}

.btn-primary-custom {
    color: white;
    background-color: #3c649b;
   
}

.btn-primary-custom:hover
{
    color: white;
}



.forgot{
    color: #4675ab;
}



.subtitle-login{
    color: #585858;
    font-size: 1rem;
    font-weight: 300;
    display:inline-block;
    z-index: 2;
    background-color: white;
    padding: 2px 4px;
}

.section-title-login hr{
    display: flex;
    position:relative;
    bottom: 36px;
    width: 100px;
    z-index: -1;
    border-color: #585858;
}

.section-title-login {
    text-align: center;
    margin-bottom:-20px;
    margin-top: 17px;
}

.links-login{
    text-align: center;
    margin: 10px;
}

.links-login a{  
    color: #006bb4;
}
.display-center{
    display:flex;
    justify-content: center;
    align-content: center;
}

.display-none{
    display: none;
}


.login-errors .validation-summary-errors ul, .validation-summary-errors li {
    list-style: none;
    /*display: inline;*/
    padding: 0;
}

.login-errors {
    margin-top: 5px;
}

.bg-darkblue {
    background-color: #3c649b;
}

.customer-options {
    margin-bottom: 0px;
    font-size: 0.8rem !important;
    color: red;
    font-weight: 500;
 }
/* ---------- medida queries ---------------- */

@media screen and (max-width: 767px) {
 
    .container-login{
        margin: 0 auto;
        background-color: rgba(255, 255, 255, .8);
        background-color: white;
        box-shadow: none;
        padding: 30px 55px;
        margin: 0px;
    }
    
    .login-bg{
        background-color:white;
    }
    
    .login-bg{
        background-image:none;
    }   
    
}