.cardGeneral{
    width: 45%;
    display: flex;
    margin: 10% auto;
    border-radius:2%

/*    background-color: transparent;*/
/*    border: 0;*/
}
@font-face{
    font-family: 'Inter';
    src: url('FuentesVDos/Inter_18pt-SemiBold.ttf');
    font-style: normal;
    font-weight: normal;
}

@font-face{
    font-family: 'InterMedium';
    src: url('FuentesVDos/Inter_18pt-Medium.ttf');
    font-style: normal;
    font-weight: normal;
}


@font-face{
    font-family: 'InterLigth';
    src: url('FuentesVDos/Inter_18pt-ExtraLight.ttf');
    font-style: normal;
    font-weight: normal;
}
 
.icono{
	width: 10%;
    height: 10%;
    margin: 5% auto;
    display: flex;
}
 
.caja{
	display: flex;
    justify-content: end;
    margin-top: 3%;
}
 

.widget{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    /* margin-left: 10%; */
    /* margin-right: 10%; */
    justify-content: space-around;
}

.ocultarMsj{
    display: none;
}

.formularioLogin{
/*    border:1px solid red;*/
    height: 100%;
}

.cardBody{
    padding: 0 !important;
    margin: 0 !important;
}

.rowClass{
    margin: 0 auto;
}

.tamanioSeccion{
    margin:0 auto;
    width: 95%;
/*  margin-left: 3%;*/
/*  border:1px solid blue;*/
}

.tituloInicio{
   /*    text-transform: uppercase;*/
    text-align: center;
    font-size: 24pt;
    font-family:    "Inter", Inter, sans-serif;
    color: #343851;
    font-weight: bolder;
    margin-top:8%;
    margin-bottom:5%;
/*    border:1px solid blue;*/
}

.usuario{
    font-family:    "InterMedium", InterMedium, sans-serif;
    font-size: 12pt;
    color: #343851;
/*    font-weight: bolder;*/
/*    border:1px solid pink;*/
    width: 40%;
    margin-top: 3%;
    margin-left: 22%;
    display: flex;
    justify-content: start;
}

.contenedorInput{
/*    border:1px solid red;*/
    margin: 5% auto;
}

.imgLogo{
/*    border: 1px solid green;*/
}

.imagenLogo{
    width: 20%;
    margin-top: 2%;
}

.email{
     font-family:    "InterMedium", InterMedium, sans-serif;
    color: #343851;
/*    font-weight: bolder;*/
/*    border:1px solid pink;*/
    width: 70%;
    margin-top:1%;
    margin-left:22%;
    display: flex;
    justify-content: start;
}

.haOlvidadoContrasena{
    font-family:    "InterMedium", InterMedium, sans-serif;
    font-size: 9pt;
    
/*    font-weight: bolder;*/
/*    border:1px solid pink;*/
    width: 70%;
    margin-top: 3%;
    margin-left: 22%;
    display: flex;
    justify-content: end;
}

.haOlvidadoContrasena a{
        color:#3AB394 !important;
}

.btnIniciarSesion{
    margin-top: 2%;
    margin-left: 22%;

}

.btnIniciar{
   width: 90%;
    background-color: #3AB394;
    border:none;
}

.btnIniciar:hover{
    background-color: #62CCB0;
}

.copiRight{
    margin-top: 25%;
    font-family:    "InterLigth", InterLigth, sans-serif;
    font-size: 8pt;
    color:#000000;
}

.imagenLogin{
/*    border:1px solid blue;*/
/*    height: 100%;*/
    margin: 0% !important;
    padding: 0 !important;
}


.imgLogin{
    width: 100%;
    height: 100%;
    border-top-right-radius: 2%;
    border-bottom-right-radius: 2%;
}

.cardGeneralRecupera{
    width: 25%;
    display: flex;
    margin: 10% auto;
    border-radius:2%

}

.logoRecupera{
    width: 20%;
    height: 10%;
    margin: 5% auto;
    display: flex;
}

.inputRecupera{
    width: 90%;
    margin: 0 auto;
}