﻿
.backImgLogin {
    background-image: url("https://almacenesvirtuales.mx/almacenesVirtuales/assets/img/fondoLogin.png");
    background-size: cover;
    background-repeat: space;
    width: 100%;
    height: 100%;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
}

.section {
    height: 100%;
    width: 100%;
}

.loginCard {
    background: linear-gradient(0deg, hsla(199, 73%, 96%, 1) 30%, hsla(202, 76%, 95%, 1) 40%);
    width: 100%;
    max-width: 380px;
    min-height: 540px;
    padding: 15px;
}

.loginCardGuest {
    background: linear-gradient(0deg, hsla(199, 73%, 96%, 1) 30%, hsla(202, 76%, 95%, 1) 40%);
    width: 100%;
    max-width: 420px;
    min-height: 540px;
    padding: 15px;
}


.center {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
}

.ButtonLogin {
    width: 70%;
    background-color: var(--primary-color) !important;
    font-weight: bold;
    font-size: large;
}

 

.ButtonLoginSecondary {
    width: 70%;
    background-color: #DBDBDB !important;
    font-weight: bold;
    font-size: large;
}

.linkLogin {
    font-size: small;
    font-weight: bold;
    color: var(--primary-color);
    text-decoration: none;
}

.InputLogin { 
    background-color: #DBDBDB !important;
}


@media only screen and (max-width: 992px) {

    .center {
        text-align: center;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px;
    }
}

.validation-summary-errors ul, li {
    text-decoration: none;
    list-style:none;
}