.login-main{-ms-flex-line-pack:end;align-content:flex-end;position:relative;min-height:100vh;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .login-main{padding:160px 0 50px;background:#f5f5f5}.login-main h1{position:absolute;top:-40px;font-size:19vw;color:#fff;width:100%;text-transform:uppercase;font-weight:700}[dir] .login-main h1{text-align:center;text-shadow:0 4px 28px rgba(0,0,0,.08)}.login-main .login-inner{position:relative;width:100%;-webkit-box-shadow:0 14px 30px 1px rgba(0,0,0,.15);z-index:1;overflow:hidden}[dir] .login-main .login-inner{background:rgba(var(--vs-success),1);border-radius:1.5em;box-shadow:0 14px 30px 1px rgba(0,0,0,.15)}[dir=ltr] .login-main .login-inner{float:left}[dir=rtl] .login-main .login-inner{float:right}.login-main .login-inner:before{position:absolute;height:100%;width:50%;top:0;content:"";opacity:.25}[dir] .login-main .login-inner:before{background-image:url(../img/login-bg.bc5a2de8.png);background-repeat:repeat}[dir=ltr] .login-main .login-inner:before{left:0}[dir=rtl] .login-main .login-inner:before{right:0}.login-main .login-inner:after{position:absolute;height:100%;width:50%;top:0;content:"";z-index:-1}[dir] .login-main .login-inner:after{background:#fff}[dir=ltr] .login-main .login-inner:after{right:0;border-radius:0 1.5em 1.5em 0}[dir=rtl] .login-main .login-inner:after{left:0;border-radius:1.5em 0 0 1.5em}.login-main .login-inner .inner-bg{position:absolute;top:50%;width:300px;height:300px;-webkit-transform:translateY(-50%)}[dir] .login-main .login-inner .inner-bg{background:#fff;border:46px solid rgba(var(--vs-success),.3);border-radius:100%;transform:translateY(-50%)}[dir=ltr] .login-main .login-inner .inner-bg{right:-150px}[dir=rtl] .login-main .login-inner .inner-bg{left:-150px}.login-main .login-inner .inner-bg:after{position:absolute;top:-98px;width:400px;height:400px;content:"";z-index:-1}[dir] .login-main .login-inner .inner-bg:after{border:1px solid rgba(var(--vs-success),.3);border-radius:100%}[dir=ltr] .login-main .login-inner .inner-bg:after{right:-90px}[dir=rtl] .login-main .login-inner .inner-bg:after{left:-90px}.login-main .login-inner .inner-bg:before{position:absolute;top:0;width:32px;height:32px;content:""}[dir] .login-main .login-inner .inner-bg:before{background:rgba(var(--vs-success),.3);border-radius:100%}[dir=ltr] .login-main .login-inner .inner-bg:before{left:-99px}[dir=rtl] .login-main .login-inner .inner-bg:before{right:-99px}.login-main .login-form{width:100%;-webkit-box-shadow:0 4px 10px 1px rgba(0,0,0,.2);position:relative}[dir] .login-main .login-form{background:#fff;border-radius:1.5em;box-shadow:0 4px 10px 1px rgba(0,0,0,.2);margin:100px 0;padding:32px}[dir=ltr] .login-main .login-form{float:left}[dir=rtl] .login-main .login-form{float:right}.login-main .login-form:after{position:absolute}[dir=ltr] .login-main .login-form:after{left:100%}[dir=rtl] .login-main .login-form:after{right:100%}.login-main .login-form h2{width:100%;position:relative;text-transform:uppercase;font-size:20px;font-weight:500;color:#222;letter-spacing:1px}[dir] .login-main .login-form h2{padding-bottom:16px;margin-bottom:16px;text-align:center}[dir=ltr] .login-main .login-form h2{float:left}[dir=rtl] .login-main .login-form h2{float:right}.login-main .login-form h2:after{position:absolute;bottom:0;width:30px;content:"";height:1px}[dir] .login-main .login-form h2:after{margin:0 auto;background:rgba(var(--vs-success),1)}[dir=ltr] .login-main .login-form h2:after,[dir=rtl] .login-main .login-form h2:after{left:0;right:0}.login-main .login-form .form-grp{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;position:relative}[dir] .login-main .login-form .form-grp{margin-bottom:30px}[dir=ltr] .login-main .login-form .form-grp{float:left}[dir=rtl] .login-main .login-form .form-grp{float:right}.login-main .login-form .form-grp .feather-icon{position:absolute!important;bottom:8px}[dir=ltr] .login-main .login-form .form-grp .feather-icon{right:0}[dir=rtl] .login-main .login-form .form-grp .feather-icon{left:0}.login-main .login-form .form-grp .feather-icon svg{width:20px;height:20px;color:#ccc}[dir=ltr] .login-main .login-form .form-grp .vs-input{float:left}[dir=rtl] .login-main .login-form .form-grp .vs-input{float:right}.login-main .login-form .form-grp .vs-input .input-span-placeholder{color:#999;font-weight:500}[dir] .login-main .login-form .form-grp .vs-input .input-span-placeholder{padding:8px 0!important}[dir] .login-main .login-form .form-grp .vs-input input{border:0!important;border-bottom:1px solid #e2e2e2!important;border-radius:0}[dir=ltr] .login-main .login-form .form-grp .vs-input input{padding:8px 30px 8px 0!important}[dir=rtl] .login-main .login-form .form-grp .vs-input input{padding:8px 0 8px 30px!important}.login-main .login-form .form-grp .vs-input input:focus{-webkit-box-shadow:none!important}[dir] .login-main .login-form .form-grp .vs-input input:focus{box-shadow:none!important;border-bottom:1px solid #ccc!important}.login-main .login-form .forgot-pass{font-weight:500;color:#333;width:100%}[dir] .login-main .login-form .forgot-pass{text-align:center;margin-top:24px}[dir=ltr] .login-main .login-form .forgot-pass{float:left}[dir=rtl] .login-main .login-form .forgot-pass{float:right}.login-main .login-form .forgot-pass:hover{color:rgba(var(--vs-success),1)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#666;-webkit-box-shadow:0 0 0 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}[dir] input:-webkit-autofill,[dir] input:-webkit-autofill:focus,[dir] input:-webkit-autofill:hover,[dir] select:-webkit-autofill,[dir] select:-webkit-autofill:focus,[dir] select:-webkit-autofill:hover,[dir] textarea:-webkit-autofill,[dir] textarea:-webkit-autofill:focus,[dir] textarea:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s}