<!DOCTYPE html> <html> <body> <style> .wpo365-flex { display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; } .wpo365-flex-column { -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .wpo365-flex-justify-content { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .wpo365-flex-align-items { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #wpo365RedirectLoadingOther { text-align: center; } #wpo365OpenIdRedirect { text-align: center } @keyframes spinner { 0% { transform: translate3d(-50%, -50%, 0) rotate(0deg); } 100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); } } .loading::before { animation: 1.5s linear infinite spinner; animation-play-state: inherit; border: solid 5px #cfd0d1; border-bottom-color: #1c87c9; border-radius: 50%; content: ""; height: 40px; width: 40px; position: absolute; transform: translate3d(-50%, -50%, 0); will-change: transform; } .loading { padding: 50px; } </style> <div id="wpo365RedirectLoading" class="wpo365-flex wpo365-flex-column wpo365-flex-justify-content wpo365-flex-align-items" style="width: 100%; height: 95vh">  <div id="wpo365RedirectError"></div>  <div class="loading"></div> <div id="wpo365RedirectLoadingOther"></div> <div id="wpo365OpenIdRedirect"></div> </div> <script src="https://safyde.unex.es/wp-content/plugins/wpo365-login/apps/dist/pintra-redirect.js?v=28.0"></script> <script> window.wpo365 = window.wpo365 || {}; try { window.wpo365.pintraRedirect.toMsOnline(''); } catch (err) { console.log('Error occured whilst trying to redirect to MS online'); console.error(err); } </script> </body> </html>

CINXE.COM