<div class="login-box">
<div class="login-header">
<img class="show-light" src="../../assets/docs/img/visma-eAccounting.svg" alt="Visma eAccounting logo">
<img class="show-dark" src="../../assets/docs/img/visma-eAccounting-dark.svg" alt="Visma eAccounting logo">
<h1>Visma eAccounting</h1>
</div>
<div class="login-content">
<form class="">
<div class="alert alert-info" role="alert">
Please, enter your new password:
</div>
<div class="form-group required">
<label for="inputPassword" class="control-label">Password</label>
<input type="password" class="form-control" id="inputPassword" placeholder="New password" data-container="body" aria-describedby="tooltipNewPass">
<div id="tooltipNewPass" class="tooltip tooltip-password-validation bottom in" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
<ul>
<li class="password-success">Minimum 8 characters long</li>
<li class="password-success">Minimum 1 uppercase</li>
<li class="password-error">Minimum 1 numeric digit</li>
<li class="password-success">Minimum 1 special character</li>
<li class="password-success">Not previously used</li>
</ul>
</div>
</div>
</div>
<div class="form-group">
<input type="submit" class="btn btn-primary btn-login" id="sign_in" value="Reset passwords">
</div>
<div class="form-group">
<div class="row">
<div class="col-12">
<a href="login-secondary.php" class="btn btn-link"><span class="spirisicon spirisicon-arrow-left"></span>Back</a>
</div>
</div>
</div>
</form>
</div>
</div>
