.login-wrapper{
    display: flex;
    flex-direction: column;
}

.option-multiple .login-wrapper .sub-elements{
    margin-bottom: 15px;
}

.option-multiple.save-delete {
    flex-direction:row;
    justify-content:space-between
}

.option-multiple.save-delete button {
    width:100%;
}

.buttons-login{
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-direction: column;
}

.error-message{
    background-color: #981418;
    color: white;
    border-radius: 5px;
    padding: 10px 25px;
    display:none;
    margin-bottom: 10px;
}

.success {
    background-color: green !important;
}

.error-general {
    background-color: #981418 !important;
}

.bloque-login-general{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width:100%;
}

.bloque-login-general .bloque-login-izquierda {
    flex:1;
}

@media(min-width:1024px) {
    .bloque-login-general .bloque-login-izquierda #form-login, .bloque-login-general .bloque-login-izquierda #form-recuperar, .bloque-login-general .bloque-login-izquierda #form-restore {
width:40%;
margin:0 auto;
    }
}


#form-restore .success{
    color: #FFF;
	background-color: #DFF2BF;
    padding:20px;
    display:flex;
    flex-direction:column;
    margin:20px;
}

#form-restore .error i{
    padding-right: 10px;
}

#form-restore .option-multiple p{
    font-size: initial;
    text-transform: none;
    line-height: normal;
    margin: 10px;
}

#caida-post-restore-contrasena{
    margin-bottom: 10px;
    max-width: 315px;
}