:root {
    --btn-login-1: #7c7c7c;
    --btn-login-2: #2b2b2b;
}

.content .wrapper.wrapper-login {
    display: flex;
    justify-content: center;
    align-items: center;
    height: unset;
    padding: 15px;
}

.content .wrapper.wrapper-login-full {
    justify-content: unset;
    align-items: unset;
    padding: 0 !important;
}

.bg-secondary-gradient {
    background: #696969 !important;
    background: -webkit-linear-gradient(legacy-direction(-45deg), #14141b, #696969) !important;
    background: linear-gradient(-45deg, #14141b, #696969) !important;
}

.content .login-aside .title {
    font-size: 3.5rem;
    -webkit-text-stroke: 1px #F8F8F8;
    text-shadow: 0px 3px 4px red;
}

.content .login-aside .subtitle {
    font-size: 1rem;
}

.content .wrapper.wrapper-login .container-login, .login .wrapper.wrapper-login .container-signup {
    padding: 30px 25px;
    border-radius: 5px;
    border: 1px solid #CCC;
    box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    background-color: #fbfbfb;
}

.btn-secondary2 {
    background: var(--btn-login-1);
    border-color: var(--btn-login-1);
}
.btn-secondary2:hover, .btn-secondary2:focus, .btn-secondary2:disabled {
    background: var(--btn-login-2);
    border-color: var(--btn-login-2);
}

.sombralogin{
    box-shadow: 1px 1px 11px 7px rgba(81,173,219,0.33);
    -webkit-box-shadow: 1px 1px 11px 7px rgba(81,173,219,0.33);
    -moz-box-shadow: 1px 1px 11px 7px rgba(81,173,219,0.33);
}

.click:active {
    position:relative;
    top:5px;
}

.cursor {
    cursor: pointer;
}

@media (min-width: 300px) {
    .tamniologin{
        width: 90vw;
    }

    .tata-ajax-loader-img{
        background-image: url(../img/loading.gif);
        background-size: 11vw;
    }
}

@media (min-width: 576px) {
    .tamniologin{
        width: 59vw;
    }

    .tata-ajax-loader-img{
        background-image: url(../img/loading.gif);
        background-size: 11vw;
    }
}

@media (min-width: 768px) {
    .tamniologin{
        width: 40vw;
    }

    .tata-ajax-loader-img{
        background-image: url(../img/loading.gif);
        background-size: 6vw;
    }
}

@media (min-width: 992px) {
    .tamniologin{
        width: 40vw;
    }

    .tata-ajax-loader-img{
        background-image: url(../img/loading.gif);
        background-size: 4vw;
    }
}

@media (min-width: 1200px) {
    .tamniologin{
        width: 25vw;
    }

    .tata-ajax-loader-img{
        background-image: url(../img/loading.gif);
        background-size: 4vw;
    }
}