@font-face {
        font-family: "MyriadReg";
        src: url("../css/tipografia/MyriadPro-Regular.otf") format("truetype");
    }
    
    @font-face {
        font-family: "MyriadPro";
        src: url("../css/tipografia/MyriadPro-Bold.otf") format("truetype");
    }
    
    .texto-login {
        color: white;
        font-family: 'MyriadPro';
        text-align: center;
        font-weight: 400;
        font-size: 20px;
    }
    
    body {
        background-image: url('../img/img-fondo.jpg');
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
    }
    
    .caja {
        background:#1b3870 !important;
    }
    
    .ingresar {
        background: #23a020;
        color: white;
        font-family: 'MyriadReg' !important;
    }
    
    .btn-block {
        width: 66% !important;
        position: relative;
        margin: 0 auto;
    }
    
    .form-control-sm {
        background: transparent !important;
        border-bottom: 1px solid #ffff !important;
        border: none;
        color: white;
    }
    
    input::placeholder {
        color: #fff !important;
        font-family: "Poppins";
        font-size: 15px;
    }
    
    .linea-nombre {
        color: white;
    }
    
     ::placeholder {
        font-family: 'MyriadReg' !important;
    }
    /* form input[type="text"],
form input[type="password"] {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 0;
    border: none;
    border-bottom: 1px solid #ffff;
    background-color: transparent;
    border-radius: 0;
    font-family: 'Dosis';
    font-weight: 300;
    color: #ffff;
    font-size: 20px;
    -webkit-appearance: none;
    outline: none
} */
    
    form input[type="text"],
    form input[type="password"] {
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        padding: 0;
        border: none;
        border-bottom: 1px solid #ffff;
        background-color: transparent;
        border-radius: 0;
        font-family: 'Dosis';
        font-weight: 300;
        color: #ffff !important;
        font-size: 20px;
        --webkit-appearance: none;
        outline: none !important;
    }
    
    form input[type="submit"] {
        width: 100%;
        padding: 8px 16px;
        margin-top: 32px;
        border: 1px solid rgb(255, 255, 255);
        border-radius: 5px;
        display: block;
        color: #fff;
        background: #E61C3F;
    }
    
    .sign-up {
        text-align: center;
        margin-top: 18px;
        color: white;
    }
    
    .olvidaste {
        color: white;
        font-family: "Poppins";
        cursor: pointer;
        text-decoration: none;
    }
    
    .olvidaste:hover {
        color: #E61C3F;
        text-decoration: none;
    }
    
    .logo {
        text-align: center;
        margin-top: -23%;
        margin-bottom: 14px;
    }
    
    .imput_icono {
        background-image: url(../img/usuario.png);
        background: 15px 15px;
        background-repeat: no-repeat;
        background-position: right center;
        z-index: 2 !important;
        padding: rigth;
        text-align: right;
    }
    
    .form-control:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem #ff572200 !important;
    }
    
    .input {
        top: 14px;
    }