/*-----------------------------FORMULARIO DE LOGIN-----------------------------*/
#login-code-container
{
    height: 100vh;
    width: 100vw;
    display: flex;
}

#login-code-container .div_imagen,
#login-code-container .div_logear{
    width:50%;
}

#login-code-container .div_imagen{
    background: url(https://ideal.alteo.technology/wp-content/uploads/2021/10/Banner_Login.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
}

#login-code-container .div_imagen #logo_ide
{
    position: absolute;
    width: 15vw;
    margin-top: 4vw;
    margin-left: 1vw;
}

#login-code-container .div_imagen div{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    flex-direction: column;
    color: #fff;
}

#login-code-container .div_imagen div h2
{
    margin: 0;
    font-size: 4.2vw;
    font-weight: 800;
}

#login-code-container .div_imagen div h3
{
    margin: 0;
    font-size: 1.5vw;
    font-weight: 500;
}

#login-code-container .div_logear{
    padding-left: 8.13vw;
    padding-right: 8.33vw;
    padding-top: 15.4vh;
}

#login-code-container .div_logear p{
    margin-bottom:0;
}

#login-code-container .div_logear h3{
    margin: 0;
    font-size: 4.64vh;
    font-weight: bold;
    font-family: Montserrat;
}

#login-code-container .div_logear input[type=text],
#login-code-container .div_logear input[type=password]{
    border: none;
    border-bottom: 2px solid #D0D1D4;
    background: #FFFFFF;
    font-size: 2.32vh;
    font-family: 'Montserrat';
    font-weight: 300;
    padding: 1.35vh;
}

#login-code-container .div_logear .forgetmenot{
    display: flex;
    align-items: center;
    margin-top: 4.36vh;
}

#login-code-container .div_logear .forgetmenot label{
    margin: 0;
    margin-left: 2%;
    font-size: 1.86vh;
    font-family: 'Montserrat';
    font-weight: 500;
}

#login-code-container .div_logear input[type=checkbox]{
    background-color: #7FB900;
    border-radius: 7px;
    width: 3.06vh;
    height: 3.06vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#login-code-container .div_logear input[type=checkbox]:checked ~ .checkmark{
    background-color: red;
}


#login-code-container .div_logear .login-username{
    margin-top: 8.45vh;
}

#login-code-container .div_logear .wp-pwd{
    position: relative;
    margin-top: 9.66vh;
}

#login-code-container .div_logear #user_pass{
    padding-right: 6%;
}

#login-code-container .div_logear .wp-pwd .show_pass_eye{
    background: 0 0;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 14px;
    line-height: 2;
    width: 6.27vh;
    height: 5.42vh;
    min-width: 40px;
    min-height: 40px;
    margin: 0;
    padding: 5px 9px;
    position: absolute;
    right: 0;
    top: 0;
}

#login-code-container .div_logear .wp-pwd #eyesito{
    width: 4.27vh;
}

#login-code-container .div_logear .login-submit{
    margin-top: 7.43vh;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}

#login-code-container .div_logear .error_data{
    position: absolute;
    color: red;
    margin-top: 1vh;
}

#login-code-container .div_logear .div_lostpass{
    display: flex;
    justify-content: center;
    margin-top: 1.86vh;
}


#login-code-container .div_logear .div_lostpass a{
    font-size: 1.86vh;
    color:#555D78;
}

#login-code-container .div_logear .div_alteo-mayqa{
    display: flex;
    justify-content: center;
    margin-top: 7.34vh;
}

#login-code-container .div_logear .div_alteo-mayqa img{height: 12.16vh;}