@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.contenido-formulario{
    width: 95%;
    position: relative;
    margin: auto;
    margin-top: 5rem;
}

.home-familia {
    width:100%;
    position: relative;

}

.home-logo{
    width:24%;
    position:absolute;
    left:7%;
    top:3%;
}

.parr-bv{
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 3rem;
}

.parr-msg1{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-size: 1.5rem;
}

.form-group {
    margin-bottom: 2rem;
}

.js-form-item-name{
    background-image: url('https://demo-callcenter.ddns.net/sistema/assets/img/Recurso_1.svg');
    background-repeat: no-repeat;
    background-size: 6%;
    background-position: 1% 100%;
}

.js-form-item-pass{
    background-image: url('https://demo-callcenter.ddns.net/sistema/assets/img/Recurso_2.svg');
    background-repeat: no-repeat;
    background-size: 6%;
    background-position: 1% 100%;
}

.control-label, .form-item{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    text-align: left !important;
}

.ingresa-usuario, .form-control{
    position: relative;
    border: none;
    border-bottom: 1px solid rgba(100, 65, 65, 0.63) !important;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1.5rem !important;
    width: 75%;
    margin: auto;
}

.form-img{
    position: relative;
    width: 6%;
}

.boton-ingreso, .form-submit{
    position: relative;
    width: 75%;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 2rem !important;
    background-color: gray !important;
    color: white !important;
    border-radius: 10px;
    border-color: #a4bfca !important;
}

.btn.btn-primary:hover, .btn.btn-primary:focus{
    background: #376583 !important;
    border-color: #376583 !important;
}


.parr-msg2{
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1.2rem;
}