/* ===================================================================================

Do not modify this file. 

It's generated automatically and any change will be removed with the very next commit. 

Check the 'readme' file in the 'assets-src' directory.

=================================================================================== */

.page-background-image-wrapper{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden}.page-background-image{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100%;transition:200ms ease-in-out;transform:scale(1.02)}html.interaction-initialized .page-background-image{filter:blur(6px)}html.login-page body{background:var(--ff-color3);color:var(--ff-color1);padding:2rem 0;position:relative}html.login-page .layout-login{min-height:calc(100vh - 4rem);display:flex;align-items:center;justify-content:center;position:relative;z-index:100}html.login-page .tab-pane.first{text-align:center}html.login-page .tab-content .tab-pane{position:relative}html.login-page .tab-content .tab-pane:not(.first){height:504px;overflow-y:auto}@media screen and (max-height: 660px){html.login-page .tab-content .tab-pane:not(.first){height:300px}}html.login-page .forms-wrapper{position:relative}html.login-page .cancel-wrapper{position:absolute;left:0;right:0;bottom:-2.25rem}html.login-page .goto-step{color:var(--ff-color1);text-decoration:underline}html.login-page .goto-step:hover{text-decoration:none}html.login-page .login-wrapper form{position:relative}html.login-page .login-wrapper .preloader{position:absolute;display:none;left:50%;top:50%;transform:translate(-50%, -50%)}html.login-page .login-wrapper.is-loading .preloader{display:block}html.login-page .login-wrapper.is-loading form{visibility:hidden;opacity:0}html.login-page .login-inner{width:370px;background:#fff;border-radius:1.5rem;padding:1.75rem 2rem 2.75rem}@media screen and (max-height: 660px){html.login-page .login-inner{width:660px}}@media screen and (max-height: 660px){html.login-page .login-inner .form-row{display:flex;flex-direction:row}}@media screen and (max-height: 660px){html.login-page .login-inner .form-row .col.header{padding:.5rem 0 0}}html.login-page .login-inner a{color:var(--ff-color1);text-decoration:underline}html.login-page .login-inner a:hover{text-decoration:none}html.login-page .login-inner .logo{width:120px;margin:0 auto;overflow:hidden}html.login-page .login-inner .preloader{max-width:60px;margin:0 auto}html.login-page .login-inner form{max-width:260px;margin:0 auto}html.login-page .login-inner label{display:none}html.login-page .login-inner .input{text-align:center}html.login-page .login-inner .button,html.login-page .login-inner .btn.btn-primary,html.login-page .login-inner .btn.btn-secondary{text-transform:uppercase}html.login-page .login-step{display:none;transition:200ms ease-in-out}html.login-page .login-step.active{display:block}html.login-page .login-step .message-text{display:none;font-weight:bold;font-size:.9rem;line-height:1.4;max-width:280px;margin:0 auto}html.login-page .login-step .message-text .icon{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:2rem}html.login-page .login-step.has-info .message-text,html.login-page .login-step.has-error .message-text{display:block}html.login-page .login-step.has-info .title,html.login-page .login-step.has-error .title{display:none}html.login-page .login-step.has-info .message-text{color:var(--ff-color3)}html.login-page .login-step.has-info .message-text .icon{color:var(--ff-color4)}html.login-page .login-step.has-error .message-text{color:var(--ff-color11)}html.login-page .login-step.has-error .login-form .input{background:var(--ff-gradient1),var(--ff-color11)}html.login-page .nav{border:0;justify-content:center;flex-wrap:nowrap}html.login-page .nav .nav-item{margin:0 .15rem}html.login-page .nav .nav-link{color:var(--ff-color2);padding:0;background:rgba(0,0,0,0);border:0;text-decoration:underline;font-size:.86rem}html.login-page .nav .nav-link:hover{text-decoration:none}html.login-page .nav .nav-link.active{color:var(--ff-color4);text-decoration:none}html.login-page.login-2fa .image.code{position:relative;top:-0.75rem}html.login-page.login-2fa .image.code img{width:120px}html.login-page.login-2fa .forms-wrapper .login-step{display:block}