.login-container{width:100vw;height:100vh;overflow:hidden}.login-container .login-background{width:100vw;height:100vh;display:block}.login-container .login-background img{object-fit:cover;width:100%;height:100%}.login-container .login-form,.login-container .login-change-password{margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-container .login-form .login-wrapper,.login-container .login-change-password .login-wrapper{background-color:#fff;justify-content:space-between;align-items:center;gap:40px;width:520px;min-height:270px;padding:3em;display:flex;position:relative}.login-container .login-form .login-wrapper.qr-wrapper,.login-container .login-change-password .login-wrapper.qr-wrapper{justify-content:center}.login-container .login-form .login-wrapper .bs-logo,.login-container .login-change-password .login-wrapper .bs-logo{width:130px;height:42px;position:absolute;top:0;right:0}.login-container .login-form .login-wrapper .login-header,.login-container .login-change-password .login-wrapper .login-header{align-self:flex-start;margin:10px 0;font-size:30px;font-weight:700}.login-container .login-form .login-wrapper .login-qr-container,.login-container .login-change-password .login-wrapper .login-qr-container{flex-direction:column;align-items:center;display:flex}.login-container .login-form .login-wrapper .login-qr-container .login-content,.login-container .login-change-password .login-wrapper .login-qr-container .login-content{align-items:flex-start}.login-container .login-form .login-wrapper .login-qr-container .loading-placeholder,.login-container .login-change-password .login-wrapper .login-qr-container .loading-placeholder{min-width:250px;min-height:300px}.login-container .login-form .login-wrapper .login-content,.login-container .login-change-password .login-wrapper .login-content{flex-direction:column;align-items:center;display:flex}.login-container .login-form .login-wrapper .login-content .qr-invalid-message,.login-container .login-change-password .login-wrapper .login-content .qr-invalid-message{text-align:justify}.login-container .login-form .login-wrapper .login-content [role=button],.login-container .login-change-password .login-wrapper .login-content [role=button]{margin-top:13px}.login-container .login-form .login-wrapper .visi-logo,.login-container .login-change-password .login-wrapper .visi-logo{filter:drop-shadow(1px 1px 8px #00000073);background-color:#0000;height:186px;margin-top:-3px}.login-container .login-form .login-wrapper .visi-logo-margin,.login-container .login-change-password .login-wrapper .visi-logo-margin{margin-right:32px}.login-container .login-form .login-wrapper .visi-logo-password-requested,.login-container .login-change-password .login-wrapper .visi-logo-password-requested{width:393px}.login-container .login-form .login-wrapper form,.login-container .login-change-password .login-wrapper form{flex-grow:1}.login-container .login-form .login-wrapper form .dx-validationgroup .option,.login-container .login-change-password .login-wrapper form .dx-validationgroup .option{margin-bottom:1rem}.login-container .login-form .login-wrapper form .dx-validationgroup .option .option-value .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label,.login-container .login-change-password .login-wrapper form .dx-validationgroup .option .option-value .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label{height:18px}.login-container .login-form .login-wrapper form .dx-validationgroup .option .option-value .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label .dx-label span,.login-container .login-change-password .login-wrapper form .dx-validationgroup .option .option-value .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label .dx-label span{color:#949494de}.login-container .login-form .login-wrapper form .dx-validationgroup .option .option-value .dx-editor-filled.dx-texteditor-with-label .dx-texteditor-label,.login-container .login-form .login-wrapper form .dx-validationgroup .option .option-value .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-focused .dx-texteditor-label,.login-container .login-change-password .login-wrapper form .dx-validationgroup .option .option-value .dx-editor-filled.dx-texteditor-with-label .dx-texteditor-label,.login-container .login-change-password .login-wrapper form .dx-validationgroup .option .option-value .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-focused .dx-texteditor-label{height:14px;font-size:11px;top:4px}.login-container .login-form .login-wrapper form .dx-validationgroup .option .option-value .dx-editor-filled.dx-texteditor-with-label .dx-texteditor-label .dx-label span,.login-container .login-form .login-wrapper form .dx-validationgroup .option .option-value .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-focused .dx-texteditor-label .dx-label span,.login-container .login-change-password .login-wrapper form .dx-validationgroup .option .option-value .dx-editor-filled.dx-texteditor-with-label .dx-texteditor-label .dx-label span,.login-container .login-change-password .login-wrapper form .dx-validationgroup .option .option-value .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-focused .dx-texteditor-label .dx-label span{color:#949494de}.login-container .login-form .login-wrapper form .dx-validationgroup .option .request-sent-msg-container,.login-container .login-change-password .login-wrapper form .dx-validationgroup .option .request-sent-msg-container{flex-flow:row;display:flex}.login-container .login-form .login-wrapper form .dx-validationgroup .option .request-sent-msg-container .error-icon,.login-container .login-change-password .login-wrapper form .dx-validationgroup .option .request-sent-msg-container .error-icon{width:75px;height:75px;padding-right:10px}.login-container .login-form .login-wrapper form .dx-validationgroup .option .request-sent-msg-container .error-icon-storybook,.login-container .login-change-password .login-wrapper form .dx-validationgroup .option .request-sent-msg-container .error-icon-storybook{align-self:center;width:35px;height:35px;padding-right:10px}.login-container .login-form .login-wrapper form .dx-validationgroup .option .request-sent-msg-container .request-sent-msg,.login-container .login-change-password .login-wrapper form .dx-validationgroup .option .request-sent-msg-container .request-sent-msg{align-self:center}.login-container .login-form .login-wrapper form .dx-validationgroup .dx-validationsummary,.login-container .login-change-password .login-wrapper form .dx-validationgroup .dx-validationsummary{margin-bottom:1rem}.login-container .login-form .login-wrapper form .dx-validationgroup .buttons-container,.login-container .login-change-password .login-wrapper form .dx-validationgroup .buttons-container{flex-flow:row;margin-bottom:1rem;display:flex}.login-container .login-form .login-wrapper form .dx-validationgroup .buttons-container .dx-button,.login-container .login-change-password .login-wrapper form .dx-validationgroup .buttons-container .dx-button{height:34px}.login-container .login-form .login-wrapper form .dx-validationgroup .buttons-container .confirm-button,.login-container .login-change-password .login-wrapper form .dx-validationgroup .buttons-container .confirm-button{flex:auto;margin:0}.login-container .login-form .login-wrapper form .dx-validationgroup .buttons-container .cancel-button,.login-container .login-change-password .login-wrapper form .dx-validationgroup .buttons-container .cancel-button{margin:0 0 0 10px}.login-container .login-form .login-wrapper form .dx-validationgroup .buttons-container #button .dx-button-content,.login-container .login-change-password .login-wrapper form .dx-validationgroup .buttons-container #button .dx-button-content{padding:0}.login-container .login-form .login-wrapper form .dx-validationgroup .buttons-container #button .dx-button-content .dx-loadindicator,.login-container .login-change-password .login-wrapper form .dx-validationgroup .buttons-container #button .dx-button-content .dx-loadindicator{vertical-align:middle;width:20px;height:20px;margin-right:5px;display:inline-block}.login-container .login-form .login-wrapper form .dx-validationgroup .buttons-container #button .dx-button-content i,.login-container .login-change-password .login-wrapper form .dx-validationgroup .buttons-container #button .dx-button-content i{margin-right:8px}.login-container .login-form .login-wrapper .version-number-wrapper,.login-container .login-change-password .login-wrapper .version-number-wrapper{padding:3px;font-size:11px;position:absolute;bottom:5px;right:7px}.login-container .login-form .sso-loading,.login-container .login-change-password .sso-loading{justify-content:flex-start}@media screen and (width<=692px){.login-container .login-form .login-wrapper,.login-container .login-change-password .login-wrapper{flex-direction:column;gap:0;width:260px;padding-left:1.5em;padding-right:1.5em}.login-container .login-form .login-wrapper .login-header,.login-container .login-change-password .login-wrapper .login-header{text-align:center}.login-container .login-form .login-wrapper .visi-logo,.login-container .login-change-password .login-wrapper .visi-logo{margin-top:20px;margin-bottom:20px;margin-right:0}.login-container .login-form .login-wrapper .login-qr-container,.login-container .login-change-password .login-wrapper .login-qr-container{align-self:auto}.login-container .login-form .login-wrapper form,.login-container .login-change-password .login-wrapper form{min-width:-webkit-fill-available;min-width:-moz-available;min-width:stretch}.login-container .login-form .login-wrapper form .dx-validationgroup,.login-container .login-change-password .login-wrapper form .dx-validationgroup{flex-direction:column;display:flex}.login-container .login-form .login-wrapper form .dx-validationgroup .buttons-container,.login-container .login-change-password .login-wrapper form .dx-validationgroup .buttons-container{flex-flow:column wrap;display:flex}.login-container .login-form .login-wrapper form .dx-validationgroup .buttons-container .cancel-button,.login-container .login-change-password .login-wrapper form .dx-validationgroup .buttons-container .cancel-button{margin:10px 0 0}.login-container .login-form .login-wrapper form .dx-validationgroup .confirm-button,.login-container .login-form .login-wrapper form .dx-validationgroup .cancel-button,.login-container .login-change-password .login-wrapper form .dx-validationgroup .confirm-button,.login-container .login-change-password .login-wrapper form .dx-validationgroup .cancel-button{align-self:stretch}}