/* LOGIN */
body, div, p, a, h1, h2, h3, h4, h5, h6{
    font-family: "Arson Pro" !important;
}
html body.fondo-login{
   
    background-repeat: no-repeat;
    background-position: center center;

}
body{
    height: 100vh;
}


.img-login{
    width: 60%;
    margin-bottom: 15px;
}  
.h2{
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: bolder;
}
.form-control-position{
    line-height: 6.6rem ;
}
.bg-button-login{
    background: rgb(58,48,124);
    background: linear-gradient(149deg, rgba(58,48,124,1) 0%, rgba(121,41,125,1) 100%);
}

.bg-button-login:hover{
    background: rgb(121,41,125);
    background: linear-gradient(149deg, rgba(121,41,125,1) 0%, rgba(58,48,124,1) 100%) !important;
    color: #ffffff;
}
.bg-saludar {
	background: rgb(22, 160, 147);
	background: linear-gradient(149deg, rgba(22, 160, 147, 0.9) 0%, rgba(54, 115, 181, 0.7903536414565826) 100%);
}
.btn-app{
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 5px;
}
.footer-login{
    background: #ffffff;
    color: #7a7a7a;
}
.text-white{
    color: #fff;
}

@media screen and (max-width:990px) {
    .row-logo{
        text-align: center;
    }
    .h2{
        font-size: 2.5rem;
    }
}

@media screen and (max-width:523px) {
    .h2, .h2-form{
        font-size: 1.5rem;
    }
    .img-login{
        width: 50%;
    }  
}

/* Login 2FA */
.form-control-2fa{
    height: 60px;
    font-size:x-large;
    text-align: center;
    padding-top: 0.5rem;
    padding-right: 0rem;
    padding-bottom: 0.5rem;
    padding-left: 0rem;
    border-radius: 0.8rem
}